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L;if(getCookieVal("bs logging id"))try(if(getCookieVal("bs user details")) 
(bs user details=getCookieVal("bs user details");var 
u detail zJSON.parse(bs user details);u detail&&"object"==typeof 
u detail&&void 0! 
==u detail.plan details&&(bs user details obj=u detail)) ) catch(error)() 
(bs user details.indexOf('live testing": ("type":"Trial")')! ==- 
1&&bs user details.indexOf('automate": ("type":"Trial")')! ==- 
1&&bs user details.indexOf('app live testing": ("type":"Trial")')!2—- 
1&&bs user details.indexOf('app automate": ("type":"Trial")')!2—- 
1&&bs user details.indexOf('percy": ("type":"Trial")')! 2 2-1&&null! 
==getCookieVal("bs logging id")||bs user details.indexOf('live testing": 
{"type":"Extended Trial") ')!==-1&&bs user details.indexOf('automate": 
{"type":"Extended Trial") ')! 22-1&&bs user details.indexOf('app live testing": 
{"type":"Extended Trial" )')! 22-1&&bs user details.indexOf('app automate": 
{"type":"Extended Trial"3')! 2 2-1&&bs user details.indexOf('percy": 
{"type":"Extended Trial") ')!==-1&&null! 
==getCookieVal("bs logging id"))&&(vwoShowSignInStatez!0);try (var 
freshChatLocalVal=localStorage.getltem("set freshchat state");freshChatLocalVa 
I&&(new 
Date).getTime()>JSON.parse(freshChatLocalVal)&&localStorage.removeltem("set 
_freshchat_state")}catch(e) {} 
</script> <link onload="this.media == 'none'?this.media="all':"" 
rel="stylesheet" href="https://3fxtgy18kygf3on3bu39kh93-wpengine.netdna- 
ssl.com/wp-content/cache/css/ 
bstack f785356b115163ca038a5e7919c3827d.css?v=1659001287" 
media="all"> «noscript» &lt;link rel="stylesheet" 
href="https://3fxtqy18kygf30n3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/cache/css/bstack f785356b115163ca038a5e7919c3827d.css? 
v=1659001287" media="all"/&gt;</noscript><script id="bstack preload css" 
type="text/javascript"> 
/** Objects and variables defined so they are always defined when required */ 
var BrowserStackEnterprise = false, existingRows = 0, js theme path = 
('templateUrl': 
'https://3fxtgy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
themes/browserstack' +, loadWebTrackerEvents = (|, EDS = (webEvents: 
"web events", webEventsPii: "web events pii"), bsLib = 1), 
pageLoadEventProps = 1), homepageLiveForTeamsExp = 0, 
vwoExperimentProps = ("homepage footer":"control"), headerMenuExpProps = 
("header menu":"control"); 
if (typeof userDetails === 'undefined') 4 
var userDetails = 4 location: (city: ", country: ", ip: ", region: ", longitude: ", 
latitude: "} +; 
) 


</script> «script 


window.addEventListener("error", function(e, url) ( 
var eleArray = ["SCRIPT"]; 
if (eleArray.indexOf(e.target.tagName) != -1) ( 
if ((/bstack /.test(e.target.src))) 4 

var headerļs=function() (function e()(document.getElementByld("header- 
habitat").innerHTML.length>0&&t()}var t=function() {function e(e) 
{if(e.preventDefault(),e.stopPropagation(),this.classList.toggle("active"),this.class 
List.contains("active"))c.classList.contains("active")|| 
c.classList.toggle("active"),l.classList.contains("hide")&&l.classList.toggle(" hide"); 
else{c.classList.remove("active"),c.classList.contains("hide")||(c.className+=" 
hide");for(var t=0;t<o.length;t++)o[t].classList.contains("hide")|| 
(o[t].className+=" hide")}}function t(){"primary"===this.getAttribute("data- 
target")&&c.classList.toggle("active"),this.closest("ul").classList.toggle("hide") ) fu 
nction s() 
(c.classList.toggle("active"),document.getElementByld(this.getAttribute("data- 
trigger")).classList.toggle("hide") )for(var 
a=document.getElementsByClassName("dropdown-holder- 
desktop"),i=0;i<a.length;i++)a[i].addEventListener("'mouseover" function(e) {var 
t=this.firstElementChild.getAttribute("data- 
target"),s=document.getElementByld(t);s.classList.contains("active")|| 
(s.className+=" active"),this.classList.contains("active")||(this.className+=" 
active"))),a[i].addEventListener("mouseleave" function(e)(var 
t=this.firstElementChild.getAttribute("data- 
target"),s=document.getElementByld(t);s.classList.remove("active"),this.classLis 
t.remove("active")});var n=document.getElementByld("primary-menu- 
toggle"),c=document.getElementByld("primary- 
menu"),I-document.getElementByld("primary-menu- 
container"),o=document.getElementsByClassName("mobile-dropdown- 
menu");n.addEventListener("click",e);for(var 
d=document.getElementsByClassName("back"),r=document.getElementsByClas 
sName("forward"),m=document.getElementsByClassName("dropdown-toggle- 
mobile"),i=0;i<d.length;i++)d[i].addEventListener("click",t);for(var 
i=0;i<r.length;i++)r[i].addEventListener("click",t);for(var i=0;i<m.length;i+ 
+)mlil.addEventListener("click",s));e010; 

} 


}, true); 
</script> <script async="" 
src="https://js.sentry-cdn.com/c9636320258848db994911a8f578111c.min.js" 
integrity="sha384-fLV/HwA8 MKeOc5vzcT TzFgixFKWdER4VYgKl+306sYmalggnlu 
Qjl4ROXZ9mmdw/" crossorigin="anonymous"></script> <script> 
window.addEventListener('load', function(event) £ // Window load starts 
var DisableSentryEvent = false; 
if (/(*|\.)wpengine\.com$/.test(location.hostname)) 1 
DisableSentryEvent = (window.location.host.split('.')[0] != "bsengineering" ? 
true: false); 
} 
Sentry.onLoad(function() { 
Sentry. init({ 
environment: ‘production’, 
debug: false, 
ignoreUrls: | 
"https://www.google.com/recaptcha/api.js", // Recaptcha Library Js 
"https://www.gstatic.com/", // Analytics Library Js 


"https://www.google-analytics.com/analytics.js", // Analytics Library Js 

"/dev\.visualwebsiteoptimizer\.com/", // VWO Js 

"https://static.ads-twitter.com/uwt.js", // Twitter ads js 

"https://bat.bing.com/bat.js", // Bat pixel added via GTM 

"https://connect.facebook.net/en US/fbevents.js", // Facebook auth js 

"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/themes/browserstack/src/js/libraries/amplitude-4.1.1-min.gz.js", // 
Amplitude Library Js 

"/connect\.facebook\.net/", // Facebook Pixel Js 

"/youtube\.com/", // Youtube Player default js 

"https://static.doubleclick.net/instream/ad status.js", // Double Click ad js 

"[chrome-extension/", // Any Chrome extension js 

"Im=3is client library", // This is mostly from third party Google One Tap 
JS 

"[gsi/", // Google One Tap JS file regex 

"I /gsi/_/js/", // Google One Tap JS file regex 

"https://accounts.google.com/gsi/client", // Google One Tap JS 

"https://server.recotap.com/" //Recotap third party JS 

1, 
ignoreErrors: [ 

"Cannot read property 'hide' of null", 

"Cannot read property 'length' of undefined", 

"Persistent storage maximum size reached", 

"i is null", 

"t is not a function", 

"Cannot set property 'tabindex' of undefined", 

"Can't create RTCPeerConnections when the network is down", 

"Failed to execute 'send' on 'RTCDataChannel': Could not send data", 

"Failed to construct 'RTCPeerConnection': Failed to initialize native 
PeerConnection.", 

"Failed to construct 'RTCPeerConnection': No PeerConnection handler can 
be created, perhaps WebRTC is disabled?", 

"Failed to execute 'close' on 'RTCPeerConnection': The 
RTCPeerConnection's signalingState is 'closed'.", 

"Failed to execute 'addlceCandidate' on 'RTCPeerConnection': The ICE 
candidate could not be added.", 

"RTCPeerConnection is gone (did you enter Offline mode?)", 
"CSSStyleSheet.cssRules getter: Not allowed to access cross-origin 
stylesheet", // This error is coming only on firefox browser, and that too on the 

vwo script. 

"C", // Error coming from Linux OS and for chrome 79 

"Cannot read property 'getReadModeRender' of undefined", // coming on 
"Chrome Mobile WebView" and occurring for just one combination. 

"a[b].target.className.indexOf is not a function. (In 
'a[b].target.className.indexOf(Zb)', 'a[b].target.className.indexOf' is 
undefined)", // It is coming from Google chrome extension Google translate. 

"Maximum call stack size exceeded", // Mostly due to recursive function 
with a base case that isn't being met. Not from our code. 

"A", // This is mostly from third party Google One Tap JS 

"Z", // This is mostly from third party Google One Tap JS 

"B", // This is mostly from third party Google One Tap JS 

"E", // This is mostly from third party Google One Tap JS 

"A network error occurred", // Network Error. Currently no action item for 
Network errors 


"$ is not defined", // ReferenceError. This error is not expected from our 
code base coz we dont have jquery. 

"ResizeObserver loop completed with undelivered notifications", // This 
mostly comes from an JS animations in our case we don't have such any 
animations hence seems like coming from third party extension. 

"undefined is not an object (evaluating 
'document.getElementsByTagName('video'”)[0].webkitExitFullScreen')", // This 
error coming from firefox ios devices when user exit from video. Which we don't 
have any control over it. 

"t.offset() is null", // This error coming from VWO third party library. 

"SecurityError: The operation is insecure", // This error coming only from 
mozila desktop browser and there is no action item. 

"Non-Error exception captured", // These types of error are caused when a 
rejection is raised with a non-error object, from which we cannot extract much 
information. 

"Non-Error promise rejection captured", // These types of error are caused 
when a rejection is raised with a non-error object, from which we cannot extract 
much information. 

"Failed to fetch", // Recotap API fetch error in chrome 

"NetworkError when attempting to fetch resource.", // Recotap API fetch 
error in firefox 

"Load failed", // Recotap API fetch error in safari mobile 

"cancelled" // Recotap API fetch error in IOS chrome & safari 

1, 
beforeSend: function(event, hint) { 

var error = hint.originalException; 

//Check Autoptimise load event found and disable Sentry event 

if (error && error.name && error.name.match(/Internal File 
FileLoadException/i)) 4 

DisableSentryEvent = true; //disable fileload exception 

} else if (error && error.name && (error.name.match(/Third Party 
FileLoadException/i) || error.name.match(/NetworkError/i))) { // Network Error. 
Currently no action item for Network errors 

return null; 


//check disable sentry event 
if (DisableSentryEvent) { return null; } 
return event; 
}, 
}); 
}); 
Sentry.configureScope(function(scope) { scope.setTag("wp-post-type", 
"guide"); )); 
window.addEventListener("error", function(e, url) { 
if (typeof(Sentry) === 'undefined') { return;} 
var ele, eleArray = ["SCRIPT"], resourceMap = { "SCRIPT": "JavaScript 
File" }; 


try { ele = e.target; } catch (e) { return; } 
if (eleArray.indexOf(ele.tagName) != -1) { 
var url = ele.src, setExtra, error = new Error(resourceMap[ele.tagName] + 
DES: R + " failed loading."); 
if ((/visualwebsiteoptimizer/.test(url)) || (/analytics/.test(url)) || 
(/amplitude/.test(url)) || (/bat.bing.com/.test(url)) || 


(/wchat.freshchat.com/.test(url) 
(/googletagmanager/.test(url)) | 
(/server.recotap.com/.test(url))) 1 
error.name = 'Third Party FileLoadException'; 
setExtra — 'ThirdParty'; 
) else 1 
error.name = 'Internal File FileLoadException'; 
setExtra = 'InternalFile'; 
} 
try 1 Sentry.withScope(function(scope) I 
scope.setExtra('FileName', setExtra); 
Sentry.captureException(error); 
3); 
} catch (e) { 
Sentry.withScope(function(scope) { 
scope.setExtra('Error Origin', 'Catch Function of File Load"); 
Sentry.captureException(e); 


) l (/freshworksapi.com/.test(url)) || 
| (/google.com/.test(url)) || 


)); 
) 

} else if (['LINK'].indexOf(ele.tagName) != -1) 1 var intVar = 0, 
handleCSSTimer = setinterval(function() { var handleLoadCSS = 
document.getElementByld('bstack-load-error-css'); 

if (ele.getAttribute("rel") === "stylesheet" && handleLoadCSS && null != 


handleLoadCSS.getAttribute("media")) { handleLoadCSS.setAttribute("media", 
"all"); clearlnterval(handleCSSTimer); } 
if (intVar > 5) 4 clearlnterval(handleCSSTimer); $ 
intVar += 1; 
3, 1000); 
) 
), true); 


)); // Window load ends 


</script> <script> 
(function(w,d,s,l,i)(w[l]=w[!]|[[l;w[11.push(Y'gtm.start': 
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 
j=d.createElement(s),dl=|!="dataLayer'?'&l="+l1:";j.defer=true;j.src= 
'https://www.googletagmanager.com/gtm.js?id="+i+dl+ 
'&gtm auth<6u6X4YDLegPVOK8iBE4Bpgšgtm preview=env- 
37&gtm cookies win=x';f.parentNode.insertBefore(j,f); 
3)(window,document, 'script','dataLayer','GTM-KX7NTRZ'); 
</script> <script> 
var bsGaDomain = 'browserstack'; 
var EdsConfig = 4 
"server": "eds.browserstack.com", 


"port": "443", 
"api": "3T5KkUTZ2cGiyOzhLwyxBdDbxOGeJuZQd" 
}; 
</script> <script type="text/javascript"> 
var clientld; 


function gaOnloadTrackerAddDimension() £ 
var custom_tracker = window.ga 
&& window.ga.getByName 
&& window.ga.getByName(bsGaDomain); 


if (custom tracker) 1 
clientld = custom tracker.get('clientld'); 
window.ga(bsGaDomain + '.set', 'dimension4', clientld); 


window.dataLayer = window.dataLayer || []; 
window.dataLayer.push({dimension4: clientld)); 
) 
ga(bsGaDomain + '.set', 'dimension7', String(Math.round(new 
Date()/1000))); 
ga(bsGaDomain + '.set', 'anonymizelp', true); 
ga(bsGaDomain + '.send', 'pageview'); 


} 


(function(i,s,0,9,r,a,m){il'GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
(i[r]l.q—i[r].q|]|[D.push(arguments)j,i[r].|2 1*new Date();a=s.createElement(o), 
m=s.getElementsByTagName(o)[O];a.defer=true;a.src=g; 
a.onload = a.onreadystatechange = gaOnloadTrackerAddDimension; 
m.parentNode.insertBefore(a,m); 
J)(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 
ga('create', "UA-418548-18", bsGaDomain + '.com'); 
ga('create', "UA-418548-19", bsGaDomain + '.com', ('name': bsGaDomain)); 
</script> <script> 
// Add all acf variables here. 
// Freshchat Events 
var FreshChatConfig = { 
api : "624243d8-8006-4cae-a3f5-54cdaa3c156a", 
show : true, 
host: "https://wchat.freshchat.com", 
tags: ["free user"], 
cookieName: "show freshchat", 
inactivityTimer: 30000, 
scrollY: 1200, 
vwoShow: 0, 
startWorkingHours: "09:30:00", 
endWorkingHours: "21:30:00", 
customWidgetValue : false, 
chatBubble: 1 
visible: true, 
text: "Hi there! Need any assistance?", 
timer: 0 +, 
customWidgetChat: { 
visible: true, 
text: "Talk to an Expert" 


Lh 
enableFreshChatOnPage: 0, 
} 


var floatingBannerEvents = { 
interact: "InteractedWithFloatingBanner", 
click: "Get Started Free", 
close: "close" 


} 


var popUpCSFOptions = ( 
utm source: "", 
cta ref: "", 
source: "", 
vwoShow: 0 }, popUpSignUpOptions = 4 
source: "", 
vwoShow: 0 


}; 


pageLoadEventProps = "action": "GuidePage TopFold Exp1"}; 

popUpCSFOptions.vwoShow = 1; 

popUpCSFOptions.source = 'GuidePage TopFold Expl'; 

</script> «meta name="robots" content="index, follow, max-image- 
preview:large, max-snippet:-1, max-video-preview:-1"> «script 
type="text/javascript"> 

if (window.innerWidth > 979) I 

var vwo code-(function()1 

var account id=366135, 

settings tolerance=5000, 

library tolerance=5000, 

use existing jquery-false, 

f-false,d-document;return(use existing jquery:function() {return 
use existing jquery;),library tolerance:function() (return 
library tolerance; finish:function() (if(!f) (f=true;var 
a=d.getElementByld(' vis opt path hides');if(a)a.parentNode.removeChild(a);)), 
finished:function() {return f;},load:function(a) {var 
b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerro 
r=function()4_vwo_code.finish(););d.getElementsByTagName('head') 
[O].appendChild(b); },init:function() 
(settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);this.load('// 
dev.visualwebsiteoptimizer.com/j.php? 
a='+account_id+'&u='+encodeURIComponent(d.URL) 
+'&r='+Math.random());var a=d.createElement('style'),b='body(opacity:0 ! 
important;filter:alpha(opacity=0) !important;background:none ! 
important; )',h-d.getElementsByTagName('head') 
[O];a.setAttribute('id'," vis opt path hides');a.setAttribute('type','text/ 
css');if(a.styleSheet)a.styleSheet.cssText=b;else 
a.appendChild(d.createTextNode(b));h.appendChild(a);return settings timer; }};} 
()); vwo settings timer= vwo code.init();) 

</script> <meta name="description" content="Learn different ways to 
inspect element on iPhone. Developers &amp; QA choose BrowserStack's Real 
Device Cloud to test on iPhones. Read more."> <link rel="canonical" 
href="https://www.browserstack.com/guide/how-to-inspect-element-on-iphone"> 
«meta property="og:locale" content="en_US"> «meta property="og:type" 
content="article"> «meta property="og:title" content="How to inspect element 
on iPhone | BrowserStack"> «meta property="og:description" content="Learn 
different ways to inspect element on iPhone. Developers &amp; QA choose 
BrowserStack's Real Device Cloud to test on iPhones. Read more." <meta 
property="og:url" content="https://browserstack.wpengine.com/guide/how-to- 
inspect-element-on-iphone/"> «meta property="og:site name" 
content="BrowserStack"> «meta property="article:publisher" 
content="https://www.facebook.com/BrowserStack/"> «meta 
property="article:modified time" content="2022-06-09T16:34:35+00:00"> 
«meta property -"og:image" content-"https://3fxtqy18kygf3on3bu39kh93- 


wpengine.netdna-ssl.com/wp-content/uploads/2020/03/Top-5-JavaScript-Testing- 
Frameworks-18.png"> <meta property="og:image:width" content="1160"> 
«meta property="og:image:height" content="1048"> «meta 
property="og:image:type" content="image/png"> «meta name="twitter:card" 
content="summary large image"> «meta name="twitter:site" 
content="@browserstack"> <script type="application/ld+json"> 

{ 


"context": "https://schema.org", 
"type": "BreadcrumbList", 
"itemListElement": {{ 
"type": "Listltem", 
"position": 1, 
"item": { 
"Eid": "https://www.browserstack.com", 
"name": "Home" 


} 
HA 
"Otype": "Listltem", 
"position": 2, 
"item": 4 
"Gid": "https://www.browserstack.com/guide", 
"name": "Guide" 
) 
}, { 
"Otype": "Listltem", 
"position": 3, 
"item": { 


"Eid": "https://www.browserstack.com/guide/how-to-inspect-element-on- 
iphone", 


"name": "How to inspect element on iPhone" 
) 


y] 
) 


</script> <script type="text/javascript"> 
var codeSnippetVal = ( 


content: "Try Testing Code on Real Device Cloud for Free', 

ctaText: 'Get Started Free', 

ctaUrl: '/users/sign up?ref-guide-how-to-inspect-element-on-iphone-code- 
tooltip' 
} 


</script> <script 


src="https://server.recotap.com/8lAc4mlSslRuoieGfxtOjVnWaklUfY/recotap- 
client.js?app id-8lAc4mlSslRuoieGfxtQjVnWaklUfY" defer=""></script> <script 
type="application/ld+json"> 

{ 


"context": "https://schema.org", 
"Otype": "Article", 
"mainEntityOfPage": { 

"Otype": "WebPage", 


"@id": "https://www.browserstack.com/guide/how-to-inspect-element-on- 
iphone" 


} 


eadline": "How to inspect element on iPhone | BrowserStack", 


"description": "Learn different ways to inspect element on iPhone. 
Developers & QA choose BrowserStack's Real Device Cloud to test on iPhones. 
Read more.", 

"image": "https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/uploads/2020/03/Top-5-JavaScript-Testing-Frameworks-18.png", 

"author": I 

"Qtype": "Person", 
"name": "Jash Unadkat" 
}, 
"publisher": { 
"type": "Organization", 
"name": "BrowserStack", 
"logo": { 
"type": "ImageObject", 
"url": "https://3fxtgy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/themes/browserstack/img/browserstack-logo.svg" 
} 
}, 
"datePublished": "2022-05-13" 
} 
</script> <style type="text/css" data-type="vc_custom- 
css"=pre.prettyprint{ 
margin-bottom:0; + </style> «noscript- &lt;style&gt; .wpb_animate_when_almost_ 
visible { opacity: 1; }&lt;/style&gt;</noscript> «script» 
AmplitudeAnalytics = 4 
"api key": "985eaa9c45d824a94344e64a2a3ca724" 


var googleAuthClientID = "1066772918720- 

sv90pdg4skohjdbk79hja51t75ro8t6t.apps.googleusercontent.com"; 

</script> «style id="bstack-load-error-css" type="text/css" 
media="none">.cookie-notification:not(.hide) 
{display:block}.wrapper>main{visibility:visible}.footer-habitat,.secondary- 
nav,.page-wrapper-on-load {visibility:visible}.contact-pill,.bs-modal,.docs-- 
container{display:block}.header-habitat .secondary-nav .product-name{font- 
size:28px}.header-habitat .secondary-nav .show-logo{font-size:21px;padding- 
left:20px}</style><link rel="stylesheet" type="text/css" 
href="https://cdn.rawgit.com/google/code-prettify/master/loader/prettify.css">< 
script src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/themes/browserstack/js/dist/bstack-load-scripts.js?v=1659000872"></ 
script></head> <body class="guide-template-default single single-guide postid- 
24497 how-to-inspect-element-on-iphone persistent-header header-with-promo- 
bar bstack-wp docs-search-auth-user wpb-js-composer js-comp-ver-6.9.0 
vc_responsive persistent-up" style="padding-top: 63px;"> <script 
type="text/javascript"> 


try 1 
var intS = 0, 
eTime = setlnterval(function() 4 

var promoBar = document.getElementByld("promo-notification"), 
cookieNotification = document.getElementByld("cookie-notification"), 
isSupported - false; 

if (promoBar) ( 
if (getCookieVal("closePromoNotification") || window.innerWidth < 979) { 

promoBar.remove(); 


} else { 
promoBar.classList.remove("hide"); 
} 
} 
// adding try catch for localstorage 
try { 
isSupported = window.localStorage ? true : false; 
} catch (e) {} 
if (isSupported) { 
if (llocalStorage.getltem("cookie-notification-approved") && 
cookieNotification) { 
cookieNotification.classList.remove("hide"); 
} 
} 
if (++intS >= 10) { 
clearlnterval(eTime); 


) 
), 100); 
} catch (e) {} 
</script> <noscript>&lt;iframe class="b-lazy b-lazy-hidden" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data- 
lazysrc="https://www.googletagmanager.com/ns.html?id=GTM- 
KX7NTRZ&amp;gtm auth=6u6X4YDLegPVQK8iBE4Bpg&amp;gtm preview=env- 
37&amp;gtm cookies win=x" height="0" width="0" 
style="display:none;visibility:hidden"&gt;&lt;/iframe&gt;</noscript> <div 
class="wrapper" id="page__wrapper"> <a href="#main-content" class="skip- 
link">Skip to main content</a> <header id="header-habitat" class="header- 
habitat marketing-header " style="top: Opx;"> <div class="container top-bar- 
menu-container"> <div class="row"> <div class="col-xs-12"> <a class="logo" 
id="logo" href="/" title="BrowserStack"> <svg height="32" viewBox="0 0 180 
32" width="188" class="w-svg" xmlns="http://www.w3.org/2000/svg"> <g 
fill="none" fill-rule="evenodd"><g><path d="m31.0344828 15.5172414c0 
8.5701882-6.9470532 15.5172414-15.5172414 15.5172414-8.56989423 0- 
15.5172414-6.9470532-15.5172414-15.5172414 0-8.56989423 6.94734717- 
15.5172414 15.5172414-15.5172414 8.5701882 0 15.5172414 6.94734717 
15.5172414 15.5172414" fill="#ecb360"></path><path d="m26.8965517 
13.9655172c0 7.7128847-6.0213369 13.9655173-13.4482758 13.9655173- 
7.42722227 0-13.4482759-6.2526326-13.4482759-13.9655173 0-7.71288459 
6.02105363-13.9655172 13.4482759-13.9655172 7.4269389 0 13.4482758 
6.25263261 13.4482758 13.9655172" fill="#d76835"></path><path 
d="m27.9310345 12.4136422c0 6.8560652-5.3263006 12.413944-11.8969855 
12.413944-6.5698174 0-11.89611797-5.5578788-11.89611797-12.413944 0- 
6.85576335 5.32630057-12.4136422 11.89611797-12.4136422 6.5706849 0 
11.8969855 5.55787885 11.8969855 12.4136422" 
fill="#d33a41"></path><path d="m26.8965517 13.4484262c0 6.2843054- 
4.8632703 11.37916-10.8622124 11.37916-5.9989422 0-10.86192551- 
5.0948546-10.86192551-11.37916 0-6.28490677 4.86298331-11.37946068 
10.86192551-11.37946068 5.9989421 0 10.8622124 5.09455391 10.8622124 
11.37946068" fill="#b6cb46"></path><path d="m25.862069 14.4826111c0 
5.7133106-4.6316645 10.3449751-10.3449751 10.3449751-5.71301565 0- 
10.34468011-4.6316645-10.34468011-10.3449751 0-5.71331065 4.63166446- 
10.34468007 10.34468011-10.34468007 5.7133106 0 10.3449751 4.63136942 
10.3449751 10.34468007" fill="#66ad4a"></path><path d="m21.7241379 


12.4137931c0 4.5706247-3.7052373 8.2758621-8.275862 8.2758621- 
4.57090515 0-8.27586211-3.7052374-8.27586211-8.2758621 0-4.57062469 
3.70495696-8.27586207 8.27586211-8.27586207 4.5706247 0 8.275862 
3.70523738 8.275862 8.27586207" fill="#aed7dc"></path><path 
d="m22.7586207 11.3793103c0 3.9991764-3.2419755 7.2413794-7.2415259 
7.2413794-3.9995505 0-7.24123273-3.242203-7.24123273-7.2413794 0- 
3.99946945 3.24168223-7.24137927 7.24123273-7.24137927 3.9995504 0 
7.2415259 3.24190982 7.2415259 7.24137927" fill="#5bb1cf"></path><path 
d="m22.7586207 11.8963967c0 3.7136422-2.7788402 6.724293-6.2068966 
6.724293s-6.2068965-3.0106508-6.2068965-6.724293c0-3.71333217 
2.7788401-6.72398291 6.2068965-6.72398291s6.2068966 3.01065074 
6.2068966 6.72398291" fill" :225a8c3"» «/path» «path d="m20.6896552 
12.9308813c0 3.1423524-2.315869 5.6898084-5.1725531 5.6898084- 
2.8564055 0-5.1722745-2.547456-5.1722745-5.6898084 0-3.14235241 
2.315869-5.68950199 5.1722745-5.68950199 2.8566841 0 5.1725531 
2.54714958 5.1725531 5.68950199"» «/path» «path d="m15.5171021 
18.6206897c-2.8564055 0-5.1722745-2.547456-5.1722745-5.6898084 0- 
3.14235241 2.315869-5.68950199 5.1722745-5.68950199 2.8566841 0 
5.1725531 2.54714958 5.1725531 5.68950199 0 3.1423524-2.315869 
5.6898084-5.1725531 5.6898084z" fill="#1b1a18"></path><path 
d="m18.3395432 11.2904163c-.4920811.8231975-1.4595626 1.299291- 
2.16129 1.062668-.7017274-.2363383-.8715674-1.0956984-.3798654- 
1.9191807.4920811-.82348231 1.4595626-1.29929107 2.16129- 
1.06295279s.8715674 1.09569839.3798654 1.91946549" 
fill="#fffffe"></path></g><g fill="#fff" transform="translate(40.344828 
7.241379)"><path d="m117.326492 14.0927618c-.247347-.6938318-.370833- 
1.5731169-.370833-2.7528593 0-1.1797425.123486-2.05864681.370833- 
2.75285936.691971-1.98933976 2.522419-3.07654593 4.920599-3.07654593 
1.780376 0 3.189919.67060248 4.129237 
1.73496018.074543.09253628.099015.23153112-.024471.32406741-1.557876 
1.27189794c-.123485.09253628-.247347.06968782-.345985-.04607774-.59333 
3-.62452474-1.211514-.97144061-2.200905-.97144061-1.06318 0- 
1.87939.48591071-2.225752 1.45735131-.197652.55521772-.246971 
1.20297171-.246971 2.05864681 0 .8560558.049319 1.5270391.246971 
2.0822568.346362.9482113 1.162572 1.4341221 2.225752 1.4341221.989391 
0 1.607572-.3469159 
2.200905-.9714407.098638-.1157655.2225-.1157655.345985-.023229211.55787 
6 1.2722787c.123486.0925363.099014.2083019.024471.3236866-.939318 
1.0411284-2.348861 1.7121117-4.129237 1.7121117-2.39818 0-4.228628- 
1.0872061-4.920599-3.0769267"» «/path» «path d="m136.031168 
16.9153089c-.172804 0-.296666-.069307-.395681-.23153111-3.016737- 
4.6728921-1.607195 

1.7349602v2.9379319c0 .1389948-.098638.2315311-.246971.2315311h- 
2.275448c-.147957 0-.246971-.0925363-.246971-.2315311v- 
15.26810647c0-.13861403.099014-.23115031.246971-.23115031h2.275448c.14 
8333 0 .246971.09253628.246971.23115031v9.0685560714.080295- 
4.48781948c.147956-.16222411.271818-.23153112.469471-.23153112h2.5224 
18c.148334 0 .197653.13861403.098638.231531121-3.783251 4.07121578 
4.352113 
6.6161541c.074543.0925363.024848.2315311-.123485.2315311z"» «/path» «p 
ath d="m3.44757063 14.5093655h3.51143272c1.63204255 0 
2.54688993-.8792851 2.54688993-2.1976416 0-1.295508-.91484738- 
2.1744124-2.54688993-2.1744124h-3.51143272c-.09863786 
0-.14833327.0460778-.14833327.1386141v4.094445c0 .0925363.04969541.138 


9949.14833327.1389949zm3.36309944-6.77799741c1.48370927 0 
2.39855665-.83282658 2.39855665-2.05902758 0-1.24904946-.91484738- 
2.08187604-2.39855665-2.08187604h-3.36309944c-.09863786 
0-.14833327.04607774-.14833327.13861403v3.86329476c0 .09253629.049695 
41.13899483.14833327.13899483zm-6.42915584- 
6.31569676c0-.13861403.09901435-.23115031.24697115-.23115031h6.256351 
33c3.56075169 0 5.24211309 1.66565316 5.24211309 4.18698136 0 
1.78141872-.8899996 2.79931787-1.9535568 
3.33130632v.04645855c1.0387095.36976434 2.2502234 1.61919465 
2.2502234 3.53922735 0 3.1230045-2.1018901 4.6268143-5.78612731 
4.6268143h-6.00900371c-.1479568 
0-.24697115-.0925363-.24697115-.2315311z"» «/path» «path d="m14.4750581 
16.9153089c-.1487097 0-.2477241-.0925363-.2477241-.2315311v- 
10.68736988c0-.13899483.0990144-.23153112.2477241-.23153112h2.2746946 
c.1483333 

0 .2473476.09253629.2473476.23153112v.94821133h.0248477c.5684854-.855 
67504 1.5823472-1.43412204 3.0909041-1.43412204.9393187 0 
1.8790137.34691588 
2.4971946.92536287.123862.11538475.1487097.20830185.0493189.32368661- 
1.3105283 
1.55026841c-.0986379.11538475-.2224999.13861402-.3459855.04607774-.544 
0142-.32406741-1.112876-.53198845-1.7555281-.53198845-1.5578759 0- 
2.2502234 1.04074762-2.2502234 

2.82216632v6.0377071c0 .1389948-.0990143.2315311-.2473476.2315311z">< 
[path «path d="m30.2623873 13.39893c.1980287-.578447.2473477- 
1.1104354.2473477-2.0590275 0-.9482114-.049319-1.45735135-.2473477- 
2.05864681-.3463619-.92536286-1.1124996-1.45735131-2.2253756- 
1.45735131-1.1128761 0-1.9042379.53198845-2.2502234 
1.45735131-.1976522.60129546-.2473476 1.11043541-.2473476 2.05864681 

0 .9485921.0496954 1.4805805.2473476 2.0590275.3459855.9253629 
1.1373473 1.4573514 2.2502234 1.4573514 1.112876 0 1.8790137-.5319885 
2.2253756-1.4573514zm-7.1459745.6938318c-.2721953-.786368-.3956809- 
1.5266583-.3956809-2.7528593 0-1.2258202.1234856-1.96611052.3956809- 
2.75285936.6674998-1.94288121 2.4971945-3.07654593 4.9205989- 
3.07654593 2.3985566 0 4.2282514 1.13366472 4.8961276 
3.07654593.2718189.78674884.3956809 1.52703916.3956809 2.75285936 0 
1.226201-.123862 1.9664913-.3956809 2.7528593-.6678762 1.943262- 
2.497571 3.0769267-4.8961276 3.0769267-2.4234044 0-4.2530991-1.1336647- 
4.9205989-3.0769267z"></path><path d="m45.3234858 
16.9153089c-.1487097 0-.2473476-.0925363-.297043-.23153111-2.2995423- 
7.12491325h-.04931891-2.32439 
7.12491325c-.0496954.1389948-.1483333.2315311-.2970431.2315311h- 
2.0273469c-.1487098 0-.2473477-.0925363-.2966666-.23153111-3.7587803- 
10.68736988c-.0496955-.13899483.0248477-.23153112.1731809-.23153112h2. 
373709c.173181 0 .2721953.06930701.3215143.2315311212.2995423 
7.35644438h.049695412.2746946- 
7.35644438c.0496954-.13899483.1731809-.23153112.3215142-.23153112h1.7 
803758c.1483333 0 .2721954.09253629.3215143.2315311212.4234044 
7.35644438h.049318912.1760567- 
7.35644438c.049319-.16222411.1483333-.23153112.3215143-.23153112h2.37 
37089c.1483333 0 .2225.09253629.173181.231531121-3.7587803 
10.68736988c-.049319.1389948-.1483333.2315311-.2966666.2315311z"» «/ 
path» «path d="m51.8938218 
15.4114991c-.0986378-.0925363-.0986378-.2311503 0-.323686611.4095427- 


1.3880443c.0990143-.0925363.2473476-.0925363.3463619 

0 .8655285.7402903 2.2502234 1.2722787 3.4865851 1.2722787 1.45886150 
2.2005279-.5552177 2.2005279-1.3187373 0-.6709833-.4201521-1.0872061- 
1.978028-1.2262011-1.2860571-.1153847c-2.4230279-.2315311-3.659766- 
1.3880443-3.659766-3.2852286 0-2.15118306 1.6568903-3.51599809 
4.6243088-3.51599809 1.8545425 0 3.4124184.578447 4.475599 
1.36481503.1238621.09253629.1238621.23115031.0496954.3236866l- 
1.2118904 
1.36519583c-.0986378.11538476-.2224999.11538476-.3459855.04607774-.742 
0428-.4859107-1.9287091-.92536286-3.1157518-.92536286s- 
1.8052235.4859107-1.8052235 1.15651318c0 .64813481.4205286 1.04112842 
1.9535568 1.1801232711.2856806.1157655c2.497571.2311504 3.6846137 
1.4341221 3.6846137 3.2616185 0 2.2208709-1.7310569 3.7707585-4.995142 
3.7707585-2.4478756 
0-4.1292371-.9021336-5.1186276-1.7581894"» «/path» «path 
d="m71.0995931 9.14226086c-.3215143-.90213359-1.2118904-1.43412204- 
2.32439-1.43412204-1.1373473 0-2.0277234.53198845-2.3488612 
1.43412204-.0993909.27760886-.1487098.55521772-.1487098.94859214 

0 .0925363.0493189.1389948.1487098.1389948h4.6732512c.0990144 

0 .1483333-.0464585.1483333-.1389948 
0-.39337442-.0493189-.67098328-.1483333-.94859214zm-7.1956699 
4.92727164c-.2473477-.7166802-.4205286-1.572736-.4205286-2.72963 0- 
1.1565132.1487097-2.03541753.3956809-2.75285936.6674997-1.94288121 
2.4971945-3.07654593 4.8712799-3.07654593 2.4482521 0 4.2286279 
1.17974246 4.8961276 3.07654593.2721954.78674884.3956809 
1.55026836.3956809 3.35453556 

0 .1386141-.0990143.2311503-.2718188.2311503h-7.3440032c-.0993909 
0-.1487098.0464586-.1487098.1389949 

0 .3236866.0741667.6012954.173181.855675.3956809 1.087587 1.335376 
1.6888825 2.6703755 1.6888825 1.335376 0 2.2012809-.4626815 2.7942375- 
1.0639769.1238621-.1157656.2473477-.1389949.3708332-.046458611.4592381 
1.2029717c.1234856.0925363.1234856.2083019.0248477.3240674-1.0138617 
1.1100547-2.6955997 1.8968035-4.8961276 1.8968035-2.5224187 0- 
4.3027946-1.1565132-4.9702943-3.1001562"» «/path» «path d="m76.0928527 
16.9153089c-.1479568 0-.2469711-.0925363-.2469711-.2315311v- 
10.68736988c0-.13899483.0990143-.23153112.2469711-.23153112h2.2750711 
c.1487097 

0 .2473476.09253629.2473476.23153112v.94821133h.0248477c.5684854-.855 
67504 1.5823471-1.43412204 3.0909041-1.43412204.9396951 0 
1.8790137.34691588 
2.4971945.92536287.1238621.11538475.1483333.20830185.0496954.3236866l 
-1.3105282 
1.55026841c-.0986379.11538475-.2225.13861402-.346362.04607774-.5436377 
-.32406741-1.1124996-.53198845-1.7551517-.53198845-1.5578759 0- 
2.2505998 1.04074762-2.2505998 

2.82216632v6.0377071c0 .1389948-.0986379.2315311-.2473476.2315311z">< 
/path><path d="m84.704089 
15.0878125c-.0990144-.0925363-.1483333-.2315311-.049319-.347296711.5330 
282-1.6656532c.0990144-.1153847.2473476-.1153847.3459855-.0228484 
1.0884049.8095973 2.6955997 1.6652723 4.5746134 1.6652723 2.0028757 0 
3.1650707-.9482113 3.1650707-2.2665678 0-1.1336647-.7416664-1.873955- 
3.0660564-2.17479311-.8903761-.1157656c-3.2388609-.41622287-5.0689322- 
1.87395499-5.0689322-4.48781949 0-2.84539561 2.2253757-4.74219908 
5.687113-4.74219908 2.1018901 0 4.1047658.62452473 5.4401418 


1.57273607.1238621.09291709.1487098.18545338.0496954.32406741- 
1.1870427 
1.7117309c-.0986378.11576556-.2224999.13899484-.3463619.06968782- 
1.3598473-.83282658-2.6210566-1.226201-4.0302228-1.226201-1.7065856 0- 
2.6459042.87928513-2.6459042 2.10510532 0 1.08720617.815833 1.82749646 
3.0909041 2.128334591.8903761.11576556c3.2388609.41622289 5.0192368 
1.85034493 5.0192368 4.55712651 0 2.7993179-2.1512091 4.8811939- 
6.3301415 4.8811939-2.4723468 0-4.87128-.9253628-6.1818082- 

2.081876"» «/path2 «path d="m102.339937 17.1118057c-2.3985567 0- 
3.3134041-1.0872061-3.3134041-3.2619993v- 
5.87548295c0-.09253629-.0496954-.13899484-.1487097-.13899484h-.7913618 
c-.1479568 0-.2469712-.09253628-.2469712-.23153112v- 
1.5498876c0-.13861402.0990144-.23115031.2469712-.23115031h.7913618c.09 
90143 0 .1487097-.04645855.1487097-.13899483v- 
3.05369746c0-.13861403.0990144-.23115031.2469712-.23115031h2.2750709c. 
148333 

0 .247348.09253628.247348.23115031v3.05369746c0 .09253628.049319.1389 
9483.148333.13899483h1.582724c.147956 

0 .246971.09253629.246971.23115031v1.5498876c0 .13899484-.099015.23153 
112-.246971.23153112h-1.582724c-.099014 
0-.148333.04645855-.148333.13899484v5.78332755c0 .786368.346362 
1.0407476 1.112876 1.0407476h.618181c.147956 

0 .246971.0925363.246971.2315311v1.8503449c0 .1389949-.099015.2315311-. 
246971.2315311z"» «/path» «path d="m112.530885 
13.1673989v-.855675c0-.0925363-.049695-.1389949-.14871-.1389949h- 
1.978028c-1.780376 0-2.571737.4626815-2.571737 1.5038099 

0 .9253629.716818 1.3880443 2.052194 1.3880443 1.706586 0 
2.646281-.6245247 2.646281-1.8971843zm.29629 3.74791c-.148333 
0-.246971-.0925363-.246971-.2315311v-.8095973h-.024848c-.568862.7635196- 
1.681738 1.295508-3.362723 1.295508-2.176056 0-4.006128-1.0639769- 
4.006128-3.4006133 0-2.4291727 1.830072-3.5392274 4.772266- 
3.5392274h2.423404c.099015 

0 .14871-.0464585.14871-.1389948v-.53198845c0-1.27265954-.643405- 
1.85072573-2.646281-1.85072573-1.335376 0-2.151209.34691587- 
2.720071.76351957-.123485.09253628-.271819.06930701-.345985-.04645855l- 
.914848- 
1.52665833c-.074166-.11576556-.049318-.23153112.049319-.30083813.96454 
3-.64775401 2.275071-1.08720617 4.228628-1.08720617 3.634919 0 4.970295 
1.15651318 4.970295 

3.88652404v7.28675655c0 .1389948-.099391.2315311-.247348.2315311z"></ 
path></g></g></svg> </a> «button class="doc-search-mobile-cta doc- 
search-menu-icon doc-menu-toggle" aria-label="Search"> <svg 
xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" 
viewBox="0 0 30 30"> <defs> <path id="fwh3tnh2ea" d="M19.375 
17.5h-.9881-.35-.337C19.264 15.738 20 13.887 20 11.875c0-4.487-3.637-8.125- 
8.125-8.125-4.487 0-8.125 3.638-8.125 8.125C3.75 16.363 7.388 20 11.875 
20c2.012 0 3.863-.738 5.288-1.9621.337.35v.98716.25 6.238 1.863-1.863-6.238- 
6.25zm-7.5 0c-3.113 0-5.625-2.512-5.625-5.62558.762 6.25 11.875 6.25 17.5 
8.762 17.5 11.875 14.988 17.5 11.875 17.5z"></path> </defs> «g fill="none" 
fill-rule="evenodd"> «mask id="79xt25gxub" fill="#fff"> «use 
xlink:href="#fwh3tnh2ea"></use> </mask> <g fill="#EEE" 
mask="url(#79xt25gxub)"> «path d="MO 0H62.5V62.5H0z" 
transform="translate(-16.25 -16.25)"></path> </g> </g></svg> </button> 


<button class="collapse-toggle pull-right bs-collapse-toggle" data- 
target="primary-menu" id="primary-menu-toggle" aria-label="Menu Toggle"> 
<svg width="24" height="18" alt="Icon for hamburger menu" version="1.1" 
id="hamburger menu Layer 1" xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 
24.6 19.4" enable-background="new 0 0 24.6 19.4" xml:space="preserve"><g 
id="XMLID 131 "> «path id="XMLID_259 " fill="#FFFFFF" d="M23.3,3h-22c- 
0.5,0-1-0.4-1-1v0c0-0.5,0.4-1,1-1h22c0.5,0,1,0.4,1,1v0 
C24.3,2.6,23.8,3,23.3,3z"></path> «path id="XMLID 281 " fill="#FFFFFF" 
d<"M23.3,10.7h-22c-0.5,0-1-0.4-1-1v0c0-0.5,0.4-1,1-1h22c0.5,0,1,0.4,1,1v0 
C24.3,10.2,23.8,10.7,23.3,10.7z"></path> <path id<"XMLID 282 " 
fill="#FFFFFF" d="M23.3,18.3h-22c-0.5,0-1-0.4-1-1v0c0-0.5,0.4-1,1- 
1h22c0.5,0,1,0.5,1,1v0 C24.3,17.9,23.8,18.3,23.3,18.3z"></path></g></svg> 
<svg width="18" height="18" alt="Icon for closing window" version="1.1" 
id="closingWindowLayer_1" xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 
18.8 19.4" enable-background="new 0 0 18.8 19.4" 
xml:space="preserve"><path id="XMLID 130 " fill="#FFFFFF" 
d="M17.9,16.9c0.4,0.4,0.4,1,0,1.4c-0.2,0.2-0.5,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7- 
0.31-7.1-7.1 |-7.1,7.1c-0.2,0.2-0.5,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4- 
1,0-1.4L8,9.8L0.9,2.7c-0.4-0.4-0.4-1,0-1.4 
C1.1,1.1,1.4,1,1.6,1c0.2,0,0.5,0.1,0.7,0.317.1,7.117.1- 
7.1C16.7,1.1,16.9,1,17.2,1c0.3,0,0.5,0.1,0.7,0.3c0.4,0.4,0.4,1,0,1.4 l- 
7.1,7.1L17.9,16.9z"></path></svg> </button> «nav class="product-nav hide- 
sm hide-xs " id="product-nav" aria-label="Primary Menu"> <ul 
class="horizontal-list product-menu"> <li class="dropdown-holder dropdown- 
holder-desktop product-list-item"> «button class="product-dropdown-toggle 
dropdown-toggle hide-sm hide-xs" data-target="product-menu-dropdown" 
id="product-menu-toggle" aria-label="Products" aria-expanded="false" aria- 
haspopup="true">Products<span class="account-down-caret"><svg 
xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 
24"><path d="M7.41 8.59L12 13.1714.59-4.58L18 101-6 6-6-6 
1.41-1.41z"></path><path fill="none" d="MO 
0h24v24H0VOz"'» </path> </svg> </span> </button> «div class="product-menu- 
dropdown dropdown-menu text-center" id="product-menu-dropdown"> <div 
class="col-xs-10 menu-xs-8"> <ul class="dropdown-section col-xs-5 no-pad"> 
<li class="section-head"> <span class="section-head icon-holder"> <svg 
xmlns="http://www.w3.org/2000/svg" alt="Test your websites" width="15" 
height="15" fill="none" xmins:v="https://vecta.io/nano"><g clip- 
path="url(#AA)" fill="#000"><path fill-rule="evenodd" d="M1.071 
1h12.857A1.07 1.07 00 1 15 2.071v10.714a1.07 1.07 0 0 1-1.071 
1.071H1.071A1.07 1.070010 12.786V2.071A1.07 1.0700 1 1.071 1zm12.857 
2.143V2.071H1.071v1.071h12.857zM1.071 
4.214v8.571h12.857V4.214H1.071zm8.036 
2.143H3.214v1.071h5.893V6.357zm1.071 
2.679H3.214v1.071h6.964V9.036z"» «/path» «path d="M14.686 
1.3141-.061.061h01.061-.061zm0 12.2291-.061-.061h01.061.061zm-14.372 
01-.061.061h01.061-.061zm0- 
12.2291-.061-.061h01.061.0612m13.615.758h.086v-.086h-.086v.086zmO 
1.071v.086h.086v-.086h-.086zM1.071 2.071v-.086H.986v.086h.086zm0 
1.071H.986v.086h.086v-.086zm0 9.643H.986v.086h.086v-.086zm0- 
8.571v-.086H.986v.086h.086zm12.857 8.571v.086h.086v-.086h-.086zm0- 
8.571h.086v-.086h-.086v.086zM3.214 6.357v-.086h-.086v.086h.086zm5.893 
Oh.086v-.086h-.086v.086zM3.214 7.429h-.086v.086h.086v-.086zm5.893 


0v.086h.086v-.086h-.086zM3.214 9.036V8.95h-.086v.086h.086zm6.964 
Oh.086V8.95h-.086v.086zm-6.964 1.071h-.086v.086h.086v-.086zm6.964 
0v.086h.086v-.086h-.086zm3.75- 
9.193H1.071v.171h12.857V.914zm.818.339c-.217-.217-.511-.339-.818-.339v.17 
1c.261 

0 .512.104.697.2891.121-.121zm.339.818c0-.307-.122-.601-.339-.8181-.121.121c. 
185.185.289.436.289.697h.171zm0 
10.714V2.071h-.171v10.714h.171zm-.339.818c.217-.217.339-.511.339-.818h-.1 
71c0 .261-.104.512-.289.6971.121.121zm-.818.339c.307 

0 .601-.122.818-.3391-.121-.121c-.185.185-.436.289-.697.289v.172zm-12.857 
0h12.857v-.171H1.071v.172zm-.818-.339c.217.217.511.339.818.339v-.171c-.26 
1 

0-.512-.104-.697-.2891-.121.121zm-.339-.818c0 .307.122.601.339.8181.121-.121 
c-.185-.185-.289-.436-.289-.697h-.171zm0- 
10.714v10.714h.171V2.071h-.171zm.339-.818c-.217.217-.339.511-.339.818h.17 
1c0-.261.104-.512.289-.6971-.121-.121zm.818-.339c-.307 
0-.601.122-.818.3391.121.121c.185-.185.436-.289.697-.289V.914zm12.771 
1.157v1.071h.171V2.071h-.171zm- 
12.771.086h12.857v-.171H1.071v.171zm.086.986V2.071H.986v1.071h.171zm1 
2.771-.086H1.071v.171h12.857v-.171zM1.157 
12.786V4.214H.986v8.571h.171zm12.771-.086H1.071v.171h12.857V12.7zm-.08 
6-8.486v8.571h.171V4.214h-.171zM1.071 4.3h12.857v-.171H1.071V4.3zm2.143 
2.143h5.893v-.171H3.214v.171zm.086.986V6.357h-.171v1.071H3.3zm5.807-.08 
6H3.214v.171h5.893v-.171zm-.086-.986v1.071h.171V6.357h-.171zM3.214 
9.121h6.964V8.95H3.214v.171zm.086.986V9.036h-.171v1.071H3.3zm6.879-.08 
6H3.214v.172h6.964v-.171zm-.086-.986v1.071h.171V9.036h-.171z"></ 

path» «/g» <defs> <clipPath id="AA"><path fill" zfff" d="MO 
0h15v15H0z"></path></clipPath></defs></svg> </span> «span 
class="product-type">Test your websites</span> </li> <li> <a class="menu- 
item-live" href="/live" data-product="Live" aria-label="Live"> <div 
class="menu-icon-holder"> <svg alt="Icon for BrowserStack Live" width="36px" 
height="34px" viewBox="0 0 45 42" version="1.1" 
xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="LiveSVGFinal" 
stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g 
id="LiveSVGCard-Hover-state-Homepage" transform="translate(-320.000000, - 
1160.000000)"> «g id="LiveSVGProducts" transform="translate(294.000000, 
1029.000000)"> <g id="LiveSVGproducts" transform="translate(26.000000, 
73.000000)"> <g id="LiveSVGwebsite"> <g id="LiveSVGLive" 
transform="translate(0.000000, 57.000000)"> <g id="LiveSVGLive-icon-Copy" 
transform="translate(0.000000, 1.000000)"> «g id="LiveSVGLive-Copy"> <g 
id="LiveSVGLive-Copy-2"> <g id="LiveSVGbrowser"> <path d="M0,3.88888889 
L37.6607143,3.88888889 L37.6607143,31.7360087 C37.6607143,32.8405782 
36.7652838,33.7360087 35.6607143,33.7360087 L2,33.7360087 
C0.8954305,33.7360087 1.3527075e-16,32.8405782 0,31.7360087 
L0,3.88888889 Z" id="LiveSVGRectangle-11-Copy" fill="#6BC6FD"></path> 
«polygon id="LiveSVGRectangle-11-Copy-4" fill="4A1DBFE" 
points="5.24137931 10.3703704 31.4482759 10.3703704 31.4482759 
28.5185185 5.24137931 28.5185185"></polygon> «path d="M3,-1.33226763e- 
15 L34.6607143,-8.8817842e-16 C36.3175685,-1.19253761e-15 
37.6607143,1.34314575 37.6607143,3 L37.6607143,6.01851852 L0,6.01851852 
L-4.4408921e-16,3 C-6.46995335e-16,1.34314575 1.34314575,-5.83819232e-16 
3,-8.8817842e-16 Z" id="LiveSVGRectangle-15-Copy" fill="#2A4A68"></path> 
<ellipse id="LiveSVGOval-2" fill="#D0021B" cx="3.46407513" 


cy="3.47358722" rx="1.15469171" ry="1.15786241"></ellipse> <ellipse 
id="LiveSVGOval-2-Copy" fill="#F5A623" cx="6.92815027" cy="3.47358722" 
rx="1.15469171" ry="1.15786241"></ellipse> <ellipse id="LiveSVGOval-2- 
Copy-2" fill="#7ED321" cx="10.3922254" cy="3.47358722" rx="1.15469171" 
ry="1.15786241"></ellipse> </g> </g> </g> <g id="LiveSVGdownload" 
transform="translate(21.000000, 18.000000)"> «path d="M12,24 C5.383125,24 
0,18.616875 0,12 C0,5.383125 5.383125,0 12,0 C18.616875,0 24,5.383125 
24,12 C24,18.616875 18.616875,24 12,24 Z" id="LiveSVGPath" 
fill="#E4E2E5"></path> «path d="M12,24 C5.383125,24 0,18.616875 0,12 
C0,5.383125 5.383125,0 12,0 C18.616875,0 24,5.383125 24,12 C24,18.616875 
18.616875,24 12,224 Z M12,2.46428571 C6.74207526,2.46428571 
2.46428571,6.74207526 2.46428571,12 C2.46428571,17.2579247 
6.74207526,21.5357143 12,21.5357143 C17.2579247,21.5357143 
21.5357143,17.2579247 21.5357143,12 C21.5357143,6.74207526 
17.2579247,2.46428571 12,2.46428571 Z" id="LiveSVGShape 1" 
fill="#142433" fill-rule="nonzero"></path> «path d="M12,15.5294118 
C9.97970509,15.5294118 8.47058824,12.9668894 8.47058824,10.6754259 
C8.47058824,8.51237647 9.88901221,7.05882353 12,7.05882353 
C14.1109878,7.05882353 15.5294118,8.51237647 15.5294118,10.6754259 
C15.5294118,12.9668894 14.0202949,15.5294118 12,15.5294118 Z" 
id="LiveSVGShape 2" fill="#142433" fill-rule="nonzero"></path> «path 
d="M18.6571464,20.4705882 C18.630321,20.4468048 16.0789656,24 
11.2941176,24 C6.54417953,24 4.08763177,20.3453668 
3.99245662,20.4413603 L2.82352941,19.7464814 C2.93487331,19.6321488 
5.61851853,16.9411765 11.1258156,16.9411765 C16.6033476,16.9411765 
19.6382956,19.6037805 19.7647059,19.716967 L18.6571464,20.4705882 Z" 
id<"LiveSVGShape 3" fill="#142433" fill-rule="nonzero"></path> </g> </g> 
</g> </g> </g> </g> </g> </g></svg> </div> <div class="dropdown-link- 
heading"> Live </div> <div class="dropdown-link-text"> Interactive cross 
browser testing </div> </a> </li> <li> <a class="menu-item-automate" 
href="/automate" data-product="Automate" aria-label="Automate"> <div 
class="menu-icon-holder"> <svg width="36" height="34" alt="Icon for 
BrowserStack Automate" viewBox="0 0 45 42" version="1.1" 
xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient 
x1="50%" y1="100%" x2="50%" y2="0%" id="AutomateSVGlinearGradient-1"> 
<stop stop-color="#04BEFE" offset="0%"></stop> <stop stop- 
color="#4481EB" offset="100%"></stop> </linearGradient> </defs> <g 
id="AutomateSVGFinal" stroke="none" stroke-width="1" fill="none" fill- 
rule="evenodd"> <g id="AutomateSVGCard-Hover-state-Homepage" 
transform="translate(-320.000000, -1306.000000)"> <g 
id="AutomateSVGProducts" transform="translate(294.000000, 1029.000000)"> 
<g id="AutomateSVGproducts" transform="translate(26.000000, 73.000000)"> 
<g id="AutomateSVGwebsite"> <g id="AutomateSVGautomate" 
transform="translate(0.000000, 204.000000)"> <g id="AutomateSVGautomate- 
icon-copy"> <g id="AutomateSVGGroup-5-Copy"> <g id="AutomateSVGLive"> 
<g id="AutomateSVGLive-Copy-2"> <g id="AutomateSVGbrowser"> «path 
d="M0,3.9375 L38.0396534,3.9375 L38.0396534,16.1704929 
L38.0396534,32.1577088 C38.0396534,33.2622783 37.1442229,34.1577088 
36.0396534,34.1577088 L19.8529412,34.1577088 L2,34.1577088 
C0.8954305,34.1577088 1.3527075e-16,33.2622783 0,32.1577088 L0,3.9375 Z" 
id="AutomateSVGRectangle-11-Copy-2" fill="#6BC6FD"></path> «path 
d="M0,2.625 L11.0786502,2.625 L11.0786502,34.1577088 L2,34.1577088 
C0.8954305,34.1577088 2.09738034e-15,33.2622783 0,32.1577088 L0,2.625 Z" 


id="AutomateSVGRectangle-11" fill="#BBE6FF" 
opacity="0.684669384"></path> <path d="M3,-1.33226763e-15 L35.0396534, 
1.77635684e-15 C36.6965076,-2.08071603e-15 38.0396534,1.34314575 
38.0396534,3 L38.0396534,6.09375 L0,6.09375 L0,3 C-2.02906125e- 
16,1.34314575 1.34314575,-1.47199765e-15 3,-1.77635684e-15 Z" 
id="AutomateSVGRectangle-15" fill="#2A4A68"></path> «ellipse 
id="AutomateSVGOval-2" fill="#D0021B" cx="3.49893038" cy="3.51700706" 
rx="1.16631013" ry="1.17233569"></ellipse> <ellipse id="AutomateSVGOval- 
2-Copy" fill="#F5A623" cx="6.99786076" cy="3.51700706" rx="1.16631013" 
ry="1.17233569"></ellipse> <ellipse id="AutomateSVGOval-2-Copy-2" 
fill="#7ED321" cx="10.4967911" cy="3.51700706" rx="1.16631013" 
ry="1.17233569"></ellipse> </g> </g> </g> <g id="AutomateSVGGroup-2" 
transform="translate(21.176471, 18.375000)"> «path 
d="M7.06780858,15.8583699 C4.68939204,13.4290881 
4.68939204,9.46126114 7.14982294,7.03197933 C9.61025385,4.60269752 
13.6289577,4.68367358 16.0893886,7.11295539 C18.4678051,9.5422372 
18.4678051,13.5100642 16.0073742,15.939346 C13.5469433,18.2876517 
9.52823948,18.2876517 7.06780858,15.8583699 Z" id="AutomateSVGPath- 
Copy-2" fill="#E4E2E5"></path> «path d="M8.0068386,15.5272192 
C5.93382441,13.4098711 5.93382441,9.95153592 8.07832185,7.83418785 
C10.2228193,5.71683979 13.7254984,5.78741805 15.8699959,7.90476612 
C17.9430101,10.0221142 17.9430101,13.4804494 15.7985126,15.5977974 
C13.6540152,17.6445672 10.151336,17.6445672 8.0068386,15.5272192 Z 
M21.2312395,9.95153592 C20.9445917,8.75170535 20.516407,7.62245305 
19.8015745,6.56377901 L21.1597562,5.29337017 C21.4449744,5.0110571 
21.4449744,4.51700921 21.1597562,4.23469614 L19.6578932,2.75255249 
C19.372675,2.47023941 18.8722923,2.47023941 18.5856445,2.75255249 
L17.2996608,3.95238306 C16.2274121,3.24660037 15.0836802,2.75255249 
13.8684649,2.54081768 L13.8684649,0.776360959 C13.8684649,0.352891345 
13.5110487,0 13.0814344,0 L10.9376518,0 C10.5087523,0 
10.151336,0.352891345 10.151336,0.776360959 L10.151336,2.54081768 
C8.93540599,2.82313076 7.79238886,3.24660037 6.72014014,3.95238306 
L5.3612436,2.68197422 C5.07602544,2.39966114 4.5756427,2.39966114 
4.28899488,2.68197422 L2.7885615,4.16411787 C2.50191368,4.44643094 
2.50191368,4.94047883 2.7885615,5.2227919 L4.00377672,6.49320074 
C3.28894424,7.55187478 2.7885615,8.68112708 2.57411176,9.88095765 
L0.78703056,9.88095765 C0.35741624,9.88095765 0,10.233849 0,10.6573186 
L0,12.7746667 C0,13.1981363 0.35741624,13.5510276 
0.78703056,13.5510276 L2.57411176,13.5510276 C2.85932992,14.7508582 
3.28894424,15.8801105 4.00377672,16.9387845 L2.71707825,18.1386151 
C2.43114526,18.4209282 2.43114526,18.9149761 2.71707825,19.1972892 
L4.21822646,20.6794328 C4.50415945,20.9617459 5.00382736,20.9617459 
5.29047518,20.6794328 L6.57717364,19.4796022 C7.64942236,20.1853849 
8.79315433,20.6794328 10.0076547,20.8911676 L10.0076547,22.6556243 
C10.0076547,23.0790939 10.365071,23.4319853 10.7946853,23.4319853 
L12.9391827,23.4319853 C13.3680822,23.4319853 13.7254984,23.0790939 
13.7254984,22.6556243 L13.7254984,20.8911676 C14.9407137,20.6088545 
16.0837308,20.1853849 17.1559795,19.4796022 L18.442678,20.8205893 
C18.7293258,21.1029024 19.2297085,21.1029024 19.5149267,20.8205893 
L21.0167897,19.3384457 C21.3020079,19.0561326 21.3020079,18.5620847 
21.0167897,18.2797717 L19.8015745,17.0093628 C20.516407,15.9506888 
21.0167897,14.8214365 21.2312395,13.6216059 L23.0183207,13.6216059 
C23.4465053,13.6216059 23.8039216,13.2687146 23.8039216,12.845245 
L23.8039216,10.7278969 C23.8039216,10.3044273 23.4465053,9.95153592 


23.0183207,9.95153592 L21.2312395,9.95153592 Z" id="AutomateSVGFill-1- 
Copy-2" fill="#142433"></path> </g> «/g» </g> «/g» «/g» </g> «/g» «/g» 
</g></svg> </div> «div class="dropdown-link-heading"> Automate </div> 
<div class="dropdown-link-text"> Selenium testing at scale </div> </a> </li> 
<li> <a class="menu-item-percy" href="/percy" data-product="Percy" aria- 
label="Percy"> <div class="menu-icon-holder"> <svg 
xmlns="http://www.w3.org/2000/svg" width="36" height="34" viewBox="0 0 36 
34"> <g fill="none" fill-rule="evenodd"> «path fill="#6BC6FD" d="MO 
3.146h30.49v17.18c0 3.866-3.134 7-7 7H1.7c-.939 0-1.7-.76-1.7- 
1.7V3.146z"></path> «path fill="#2A4A68" fill-rule="nonzero" d="M2.4 
0h25.632c1.325 0 2.4 1.075 2.4 2.4v2.475H0V2.4CO 1.075 1.075 0 2.4 
Oz"></path> <g fill="#COE4FC"> «path d="MO 0H10.797V15.229H0zM13.07 
0H23.867V15.229H13.07z" transform="translate(3.245 8.33)"></path> </g> 
<circle cx="2.799" cy="2.814" r="1" fill="#D0021B" 
fill-rule="nonzero"></circle> <circle cx="5.598" cy="2.814" r="1" 
fill="#F5A623" fill-rule="nonzero"></circle> «circle cx="8.397" cy="2.814" 
r="1" fill="#7ED321" fill-rule="nonzero"></circle> <g fill="#142433"> <path 
d="M25.358 4.673c-.112-.37-.446-.62-.831-.62-.115 
0-.227.023-.334.068-.273.114-.699.248-1.231.273-.918-.861-3.457-2.788-5.233- 
3.755 0 0.216.634.516 1.818 0 0-1.913-1.494-4.078-2.457 0 0.61 1.25.66 1.655 
0 0-1.986-.692-4.772-.954 0 0 1.338.934 1.857 1.647 0 0-1.97-.1-4.91000 
1.671.678 2.41 1.3 0 0-3.49.355-5.463.922 0 0 2.222.784 2.84 1.367 0 0- 
2.835.807-5.69 2.456 0 0 1.586.278 2.828.82 0 0-1.582 1.106-3.927 4.124 00 
1.733-.33 2.922-.238 0 0-1.507 1.76-2.292 4.452 0 0.871-.555 1.715-.756 0 

0 .09 3.21 1.846 3.7231.001-.002c.086.027.168.037.24.037.085 

0 .175-.013.266-.04.557-.159.978-.708 1.466- 
1.344.16-.209.324-.422.498-.631.195-.276.45-.563.756-.816.62-.512 1.479-.899 
2.525-.744 1.177.1 1.905 1.273 2.49 2.216.303.49.706 1.359 1.38 1.359.745 0 
1.007-.893 1.338-1.994.31-1.034.78-2.03 1.38-2.924 1.163-1.73 2.65-2.67 
4.432-3.597 1.708-.888 3.322-1.727 4.132-3 .404-.637.605-1.418.596- 
2.322-.008-.811-.185-1.559-.333-2.043zm-8.784-.7321-2.152-1.379 3.548 1.265- 
1.396.114zm-5.916.6313.408.871 1.486-.493-4.894-.379zm6.076 1.7081.727-.55- 
2.814.472 2.087.078zm-4.822 01-1.166.781-3.23-.308 4.396-.473zm3.64 
1.95211.182-.662-4.396.473 3.214.189zm-3.257.7341-.824 1.354-4.124 1.01 
4.948-2.364zm-5.153.834L3.95 11.20413.92-2.81-.727 1.405zm-1.746 
1.685L5.27 12.891-1.833 2.3 1.959-3.706z" transform="translate(9.5 
12.533)"></path> «path fill-rule="nonzero" d="M16.912 
20.204c-.358-.005-.738-.312-1.155-.934.246-1.407 1.218-3.206 2.388- 
4.411-.299 1.12-.339 2.244-.37 3.148-.021.585-.04 1.09-.122 
1.456-.112.492-.357.742-.728.742h-.013zM7.002 19.188c.303.686.628 1.02.99 
1.02.03 0 .059-.002.088-.007.492-.077.948-1.03 1.33- 
1.954.098-.24.191-.479.274-.7-1.09.013-2.149.889-2.682 1.641z" 
transform="translate(9.5 12.533)"></path> «/g» «/g» «/svg» </div> <div 
class="dropdown-link-heading"> Percy <span class="btn-badge btn- 
primary">New</span> </div> «div class="dropdown-link-text"> Visual testing 
&amp; review </div> </a> </li> </ul> <ul class="dropdown-section col-xs-7"> 
<li class="section-head"> «span class="section-head icon-holder"> <svg 
alt="Test your mobile apps" width="10" height="15" viewBox="0 0 10 15" 
fill="none" xmins="http://www.w3.org/2000/svg"><g clip- 
path="url(#clipO_ 612 21136)"» «path d="M1.125 15L7.875 15C8.17328 
14.9997 8.45925 14.8811 8.67017 14.6702C8.88108 14.4593 8.9997 14.1733 9 
13.875L9 1.5C8.99966 1.20174 8.88102 0.91579 8.67012 0.704886C8.45921 
0.493981 8.17326 0.375345 7.875 0.375003L1.125 0.375002C0.826756 
0.375404 0.54084 0.494059 0.329949 0.70495C0.119058 0.915841 


0.000402667 1.20176 8.22579e-07 1.5L-2.59277e-07 13.875C0.000342127 
14.1733 0.118978 14.4592 0.329882 14.6701C0.540787 14.881 0.826736 
14.9997 1.125 15ZM1.125 13.875L1.125 1.5L7.875 1.5L7.875 13.875L1.125 
13.875Z" fill="black"></path><path d="M1.125 1.5L1.125 13.875L7.875 
13.875L7.875 1.5M1.125 1.5L7.875 1.5M1.125 1.5L1.125 11.625M7.875 
1.5L7.875 11.625M1.125 15L7.875 15C8.17328 14.9997 8.45925 14.8811 
8.67017 14.6702C8.88108 14.4593 8.9997 14.1733 9 13.875L9 1.5C8.99966 
1.20174 8.88102 0.91579 8.67012 0.704886C8.45921 0.493981 8.17326 
0.375345 7.875 0.375003L1.125 0.375002C0.826756 0.375404 0.54084 
0.494059 0.329949 0.70495C0.119058 0.915841 0.000402667 1.20176 
8.22579e-07 1.5L-2.59277e-07 13.875C0.000342127 14.1733 0.118978 14.4592 
0.329882 14.6701C0.540787 14.881 0.826736 14.9997 1.125 15Z" 
stroke="black" stroke-width="0.1536"></path><circle cx="4.60687" 
Cy="12.4582" r="0.676424" fill="black" stroke="black" stroke- 
width="0.1536"></circle></g><defs><clipPath id<"clipO 612 21136"» «rect 
width="10" height="15" fillz"white"2 «/rect» </clipPath> </defs> </svg> 
</span> «span class="product-type">Test your mobile apps</span> </li> <li> 
<a class="menu-item-app-live" href="/app-live" data-product="App Live" aria- 
label="App Live"> <div class="menu-icon-holder menu-icon-app-live"> <svg 
width="36" height="34" alt="Icon for BrowserStack App Live" viewBox="0 0 35 
49" version="1.1" xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Group 4</title> 

«desc» Created with Sketch.</desc> <defs></defs> <g id="AppLiveSVGFinal" 
stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g 
id="AppLiveSVGCard-Hover-state-Homepage" transform="translate(- 
752.000000, -1162.000000)"> <g id="AppLiveSVGProducts" 
transform="translate(294.000000, 1029.000000)"> <g 
id="AppLiveSVGproducts" transform="translate(26.000000, 73.000000)"> <g 
id="AppLiveSVGapps" transform="translate(409.000000, 0.000000)"> <g 
id="AppLiveSVGApp-live" transform="translate(23.000000, 59.000000)"> <g 
id="AppLiveSVGGroup-4" transform="translate(0.000000, 1.000000)"> <g 
id="AppLiveSVGiPhone-Copy-4"> <path d="M20.2666667,0 L3.73333333,0 
C1.671472,0 0,1.49736033 0,3.34444444 L0,39.6555556 C0,41.5026397 
1.671472,43 3.73333333,43 L20.2666667,43 C22.328528,43 24,41.5026397 
24,39.6555556 L24,3.34444444 C24,1.49736033 22.328528,0 20.2666667,0 Z" 
id="AppLiveSVGPath-Copy-4" fill="#6BC6FD"></path> «path 
d="M20.2666667,0 L3.73333333,0 C1.671472,0 0,1.49736033 0,3.34444444 
L0,39.6555556 C0,41.5026397 1.671472,43 3.73333333,43 L20.2666667,43 
C22.328528,43 24,41.5026397 24,39.6555556 L24,3.34444444 C24,1.49736033 
22.328528,0 20.2666667,0 Z M21.8137652,38.7618184 
C21.8137652,39.7484353 20.9688941,40.5482456 19.9266917,40.5482456 
L4.07330834,40.5482456 C3.03110594,40.5482456 2.18623482,39.7484353 
2.18623482,38.7618184 L2.18623482,4.23818162 C2.18623482,3.25156466 
3.03110594,2.45175439 4.07330834,2.45175439 L6.86716001,2.45175439 
L6.86716001,2.67505779 C6.86716001,3.23002928 7.34240061,3.67992311 
7.92863887,3.67992311 L16.0666434,3.67992311 C16.652877,3.68238838 
17.1302264,3.23449981 17.1328306,2.67953279 C17.1328337,2.67853835 
17.1328368,2.60261221 17.13284,2.45175439 L19.9266917,2.45175439 
C20.9688941,2.45175439 21.8137652,3.25156466 21.8137652,4.23818162 
L21.8137652,38.7618184 Z" id="AppLiveSVGiphone-x-copy-2" fill="#2A4A68" 
fill-rule="nonzero"></path> </g> <g id="AppLiveSVGdownload-copy" 
transform="translate(11.000000, 25.000000)"> «path d="M12,24 C5.383125,24 
0,18.616875 0,12 C0,5.383125 5.383125,0 12,0 C18.616875,0 24,5.383125 
24,12 C24,18.616875 18.616875,24 12,24 Z" id="AppLiveSVGPath" 


fill="#E4E2E5"></path> «path d="M12,24 C5.383125,24 0,18.616875 0,12 
C0,5.383125 5.383125,0 12,0 C18.616875,0 24,5.383125 24,12 C24,18.616875 
18.616875,24 12,224 Z M12,2.46428571 C6.74207526,2.46428571 
2.46428571,6.74207526 2.46428571,12 C2.46428571,17.2579247 
6.74207526,21.5357143 12,21.5357143 C17.2579247,21.5357143 
21.5357143,17.2579247 21.5357143,12 C21.5357143,6.74207526 
17.2579247,2.46428571 12,2.46428571 Z" id="AppLiveSVGShape" 
fill="#142433" fill-rule="nonzero"></path> «path d="M11.5,15 
C9.49654088,15 8,12.57984 8,10.41568 C8,8.3728 9.40660377,7 11.5,7 
C13.5933962,7 15,8.3728 15,10.41568 C15,12.57984 13.5034591,15 11.5,15 Z" 
id="AppLiveSVGShape 2" fill="#142433" fill-rule="nonzero"></path> «path 
d="M18.8885949,20.5 C18.8616763,20.4764147 16.301462,24 11.5,24 
C6.73356904,24 4.26849161,20.375822 4.17298599,20.4710157 
L3,19.7819274 C3.11173051,19.6685475 5.80469394,17 11.3311136,17 
C16.8276647,17 19.8731508,19.6404157 20,19.7526589 L18.8885949,20.5 Z" 
id="AppLiveSVGShape_3" fill="#142433" fill-rule="nonzero"></path> </g> 
</g> </g> </g> </g> </g> </g> </g></svg> </div> <div class="dropdown- 
link-heading"> App Live </div> <div class="dropdown-link-text"> Interactive 
native &amp; hybrid app testing </div> </a> </li> <li> <a class="menu-item- 
app-automate" href="/app-automate" data-product="App Automate” aria- 
label="App Automate"> <div class="menu-icon-holder menu-icon-app- 
automate"> <svg width="36" height="34" alt="Icon for BrowserStack App 
Automate" viewBox="0 0 45 50" version="1.1" 
xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink"> <title>App automate icon</title> 
<desc>Created with Sketch.</desc> <defs></defs> <g id="Final" 
stroke="none" stroke-width="1" fillz"none" fill-rule="evenodd"> <g id="Card- 
Hover-state- Homepage" transform="translate(-750.000000, -1306.000000)"> 
<g id="Products" transform="translate(294.000000, 1029.000000)"> <g 
id="products" transform="translate(26.000000, 73.000000)"> <g id="apps" 
transform="translate(409.000000, 0.000000)"> <g id="app-automate" 
transform="translate(21.000000, 204.000000)"> <g id="App-automate-icon"> 
<g id="iPhone-Copy-3"> <g transform="translate(0.000000, 5.677419)"> 
<path d="M15.5518519,0 L2.86481481,0 C1.28262261,0 0,1.18620594 
0,2.64946237 L0,31.4150538 C0,32.8783102 1.28262261,34.0645161 
2.86481481,34.0645161 L15.5518519,34.0645161 C17.1340441,34.0645161 
18.4166667,32.8783102 18.4166667,31.4150538 L18.4166667,2.64946237 
C18.4166667,1.18620594 17.1340441,0 15.5518519,0 Z" id="Path-Copy-3" 
fill="#A1DBFE"></path> «path d="M15.5518519,0 L2.86481481,0 
C1.28262261,0 0,1.18620594 0,2.64946237 L0,31.4150538 C0,32.8783102 
1.28262261,34.0645161 2.86481481,34.0645161 L15.5518519,34.0645161 
C17.1340441,34.0645161 18.4166667,32.8783102 18.4166667,31.4150538 
L18.4166667,2.64946237 C18.4166667,1.18620594 17.1340441,0 
15.5518519,0 Z M16.7390351,30.7070369 C16.7390351,31.488633 
16.0907138,32.1222411 15.2909683,32.1222411 L3.12569842,32.1222411 
C2.32595282,32.1222411 1.67763158,31.488633 1.67763158,30.7070369 
L1.67763158,3.35747921 C1.67763158,2.57588318 2.32595282,1.94227504 
3.12569842,1.94227504 L5.26959154,1.94227504 L5.26959154,2.11917556 
C5.26959154,2.55882289 5.63427269,2.91522791 6.08412913,2.91522791 
L12.3289174,2.91522791 C12.7787702,2.91718089 13.1450696,2.56236444 
13.1470679,2.12272065 C13.1470703,2.12193285 13.1470727,2.06178432 
13.1470751,1.94227504 L15.2909683,1.94227504 C16.0907138,1.94227504 
16.7390351,2.57588318 16.7390351,3.35747921 L16.7390351,30.7070369 Z" 
id="iphone-x-copy" fill="#4C77A0" fill-rule="nonzero"></path> </g> «path 


d="M30.2537037,0 L13.662963,0 C11.5939424,0 9.91666667,1.53218267 
9.91666667,3.42222222 L9.91666667,40.5777778 C9.91666667,42.4678173 
11.5939424,44 13.662963,44 L30.2537037,44 C32.3227243,44 34,42.4678173 
34,40.5777778 L34,3.42222222 C34,1.53218267 32.3227243,0 30.2537037,0 Z" 
id="Path-Copy-5" fill="#6BC6FD"></path> «path d="M30.2537037,0 
L13.662963,0 C11.5939424,0 9.91666667,1.53218267 9.91666667,3.42222222 
L9.91666667,40.5777778 C9.91666667,42.4678173 11.5939424,44 
13.662963,44 L30.2537037,44 C32.3227243,44 34,42.4678173 34,40.5777778 
L34,3.42222222 C34,1.53218267 32.3227243,0 30.2537037,0 Z 
M31.8061741,39.663256 C31.8061741,40.6728176 30.9583694,41.4912281 
29.9125482,41.4912281 L14.0041184,41.4912281 C12.9582973,41.4912281 
12.1104926,40.6728176 12.1104926,39.663256 L12.1104926,4.33674398 
C12.1104926,3.32718244 12.9582973,2.50877193 14.0041184,2.50877193 
L16.807671,2.50877193 L16.807671,2.73726844 C16.807671,3.30514624 
17.2845617,3.76550272 17.8728355,3.76550272 L26.0390971,3.76550272 
C26.6273661,3.76802532 27.106373,3.30972074 27.1089862,2.74184751 
C27.1089894,2.74082994 27.1089925,2.66313808 27.1089957,2.50877193 
L29.9125482,2.50877193 C30.9583694,2.50877193 31.8061741,3.32718244 
31.8061741,4.33674398 L31.8061741,39.663256 Z" id="iphone-x" 
fill="#2A4A68" fill-rule="nonzero"></path> </g> «path 
d="M26.9756344,41.9381215 C24.3264234,39.2043309 
24.3264234,34.7391397 27.0669865,32.0053492 C29.8075495,29.2715586 
34.2838026,29.362685 37.0243656,32.0964755 C39.6735766,34.8302661 
39.6735766,39.2954573 36.9330135,42.0292478 C34.1924505,44.671912 
29.7161974,44.671912 26.9756344,41.9381215 Z" id="Path-Copy" 
fill="#E4E2E5"></path> «path d="M28.6934009,42.2326756 
C26.4226486,39.8894265 26.4226486,36.0621198 28.7717027,33.7188707 
C31.1207568,31.3756217 34.957545,31.45373 37.3065991,33.796979 
C39.5773514,36.1402281 39.5773514,39.9675348 37.2282973,42.3107839 
C34.8792432,44.5759246 31.042455,44.5759246 28.6934009,42.2326756 Z 
M42.298048,35.6174699 C41.996997,34.3373494 41.5472973,33.1325301 
40.7965465,32.003012 L42.222973,30.6475904 C42.5225225,30.3463855 
42.5225225,29.8192771 42.222973,29.5180723 L40.6456456,27.936747 
C40.3460961,27.6355422 39.8205706,27.6355422 39.5195195,27.936747 
L38.1689189,29.2168675 C37.0427928,28.4638554 35.8415916,27.936747 
34.5653153,27.7108434 L34.5653153,25.8283133 C34.5653153,25.376506 
34.1899399,25 33.7387387,25 L31.4872372,25 C31.0367868,25 
30.6614114,25.376506 30.6614114,25.8283133 L30.6614114,27.7108434 
C29.3843844,28.0120482 28.1839339,28.4638554 27.0578078,29.2168675 
L25.6306306,27.8614458 C25.3310811,27.560241 24.8055556,27.560241 
24.5045045,27.8614458 L22.9286787,29.4427711 C22.6276276,29.7439759 
22.6276276,30.2710843 22.9286787,30.5722892 L24.204955,31.9277108 
C23.4542042,33.0572289 22.9286787,34.2620482 22.7034535,35.5421687 
L20.8265766,35.5421687 C20.3753754,35.5421687 20,35.9186747 
20,36.3704819 L20,38.6295181 C20,39.0813253 20.3753754,39.4578313 
20.8265766,39.4578313 L22.7034535,39.4578313 C23.003003,40.7379518 
23.4542042,41.9427711 24.204955,43.0722892 L22.8536036,44.3524096 
C22.5533033,44.6536145 22.5533033,45.1807229 22.8536036,45.4819277 
L24.4301802,47.063253 C24.7304805,47.3644578 25.2552553,47.3644578 
25.5563063,47.063253 L26.9076577,45.7831325 C28.0337838,46.5361446 
29.234985,47.063253 30.5105105,47.2891566 L30.5105105,49.1716867 
C30.5105105,49.623494 30.8858859,50 31.3370871,50 L33.5893393,50 
C34.0397898,50 34.4151652,49.623494 34.4151652,49.1716867 
L34.4151652,47.2891566 C35.6914414,46.9879518 36.8918919,46.5361446 


38.018018,45.7831325 L39.3693694,47.2138554 C39.6704204,47.5150602 
40.1959459,47.5150602 40.4954955,47.2138554 L42.0728228,45.6325301 
c42.3723724,45.3313253 42.3723724,44.8042169 42.0728228,44.503012 
L40.7965465,43.1475904 C41.5472973,42.0180723 42.0728228,40.813253 
42.298048,39.5331325 L44.1749249,39.5331325 C44.6246246,39.5331325 
45,39.1566265 45,38.7048193 L45,36.4457831 C45,35.9939759 
44.6246246,35.6174699 44.1749249,35.6174699 L42.298048,35.6174699 Z" 
id="Fill-1-Copy" fill="%142433"></path> </g> </g> </g> </g> </g> </g> 
</g></svg> </div> <div class<"dropdown-link-heading"> App Automate 
</div> <div class="dropdown-link-text"> Test automation for native &amp; 
hybrid mobile apps </div> </a> </li> </ul> <div class="col-xs-12 integ-link"> 
<p> Use BrowserStack with your favourite products. See our <a class="menu- 
item-integration" href="/integrations" aria- 
label="Integrations"><strong>Integrations</strong> —</a> </p> </div> 
</div> <div class="col-xs-2 menu-xs-4"> <ul class="dropdown-section tools"> 
<li class="section-head section-head-new enterprise-section-head"> <span 
class="product-type"> «span class="section-head__control-icon"><svg 
xmlns="http://www.w3.org/2000/svg" class="header-enterprise-icon" 
width="10" height="10" viewBox="0 0 10 10"> <g fill="#787878" fill- 
rule="evenodd"> «path d="M8.608 5.127c.081 0.149 0 .23.014-.122-1.3-.838- 
2.43-1.879-3.06-.283.839-1.054 1.44-1.959 1.44S3.324 2.92 3.04 2.08c-1.04.63- 
1.756 1.76-1.878 3.06.068-.014.149-.014.23-.014 1.149 0 2.081.964 2.081 2.152 
0 .6-.243 1.145-.622 1.536a3.767 3.767 0 0 0 2.163.685c.797 0 1.54-.251 
2.162-.685a2.155 2.155 0 0 1-.622-1.536c-.013-1.188.919-2.152 2.054- 
2.152z"></path> «path d="M5 2.752c.73 0 1.338-.614 1.338-1.383C6.338.601 
5.73 0 5 0c-.73 0-1.338.615-1.338 1.38354.27 2.753 5 2.753zM1.392 5.896c-.73 
0-1.338.614-1.338 1.383 0 .754.595 1.383 1.338 1.383.73 0 1.338-.615 1.338- 
1.383-.014-.755-.608-1.383-1.338-1.383zM8.608 5.896c-.73 0-1.338.614-1.338 
1.383 0 .754.595 1.383 1.338 1.383.73 0 1.338-.615 1.338-1.383 0-.755-.595- 
1.383-1.338-1.383z"></path> </g></svg></span> <span class="section- 
head icon-holder"> <svg xmins="http://www.w3.org/2000/svg" alt="Teams 
Icon" width="15" height="15" fill="none" xmins:v="https://vecta.io/nano"><g 
clip-path="url(#A)" fill="#000"><path fill-rule="evenodd" d="M12.46 
2.142a1.44 1.44 0 0 0-1.821.179 1.44 1.44 0 0 0-.422 

1.02c0 .285.085.564.243.801a1.44 1.44 00 0 1.481.613 1.44 1.44 00 

0 .739-.395c.202-.202.339-.459.395-.739s.027-.57-.082-.833-.294-.489-.531-.647 
zm-2.137-.8c.395-.264.86-.405 1.336-.405.638 0 1.249.253 1.7.704s.704 
1.062.704 1.7c0 .475-.141.94-.405 1.336s-.64.703-1.079.885-.923.23- 
1.389.137-.895-.322-1.231-.658-.565-.765-.658-1.231-.045-.95.137- 
1.389.49-.815.885-1.079zm1.335 5.364h.962c.637.001 1.248.254 
1.699.705s.704 1.062.705 1.699v1.923h-.962V9.111c0-.382-.152-.749-.423- 
1.019s-.637-.423-1.019-.423h-.962v-.962zM10.217 
14.4h.962v-.962c-.001-.637-.254-1.248-.705-1.699s-1.062-.704- 
1.699-.705H6.851c-.637.001-1.248.254-1.699.705s-.704 1.062-.705 
1.699v.962h.962v-.962c0-.383.153-.749.423-1.025.637-.422 
1.019-.423h1.923c.382.001.749.153 1.019.423s.423.637.423 1.02v.962zm- 
1.603-7.93a1.44 1.44 0 0 0-1.821.179 1.44 1.44 0 0 0-.179 1.821 1.44 1.44000 
1.481.613A1.44 1.44 0 0 0 9.227 7.95a1.44 1.44 0 0 0-.613-1.481zm- 
2.137-.8c.395-.264.86-.405 1.336-.405.638 0 1.249.253 1.7.704s.704 1.062.704 
1.7c0 .475-.141.94-.405 1.336s-.64.703-1.079.885-.923.23-1.389.137-.895-.322- 
1.231-.658-.565-.765-.658-1.231-.045-.95.137-1.389.49-.815.885-1.079zM3.966 
6.707h-.962c-.637.001-1.248.254-1.699.7055.601 8.474.6 
9.111v1.923h.962V9.111c0-.382.153-.749.423-1.0195.637-.423 
1.019-.423h.962v-.962zm.801-4.565a1.44 1.44 0 0 0-1.821.179 1.44 1.4400 


0-.179 1.821 1.44 1.44 000 1.481.613A1.44 1.44 0 0 0 5.38 3.623a1.44 1.44 0 
0 0-.613-1.481zm-2.137-.8c.395-.264.86-.405 1.336-.405.638 0 1.249.253 
1.7.704s.704 1.062.704 1.7c0 .475-.141.94-.405 1.336s-.64.703- 
1.079.885-.923.23-1.389.137-.895-.322-1.231-.658-.565-.765-.658- 
1.231-.045-.95.137-1.389.49-.815.885-1.079z"></path><path d="M12.46 
2.1421.032-.048h01-.032.048zm-1.821.1791.041.041h01-.041-.041zm-.179 
1.8211-.048.032h01.048-.032zm.647.5311-.022.053h01.022-.053zm1.572-.3131.04 
1.041h0l-.041-.0412m.395-.7391-.056-.011h01.056.011zm-.082-.8331.053-.022h0l 
-.053.022zm-2.668- 
1.4471.032.048h01-.032-.048zm3.035.2991.041-.041h01-.041.0412m.299 
3.0361.048.032h01-.048-.032zm-1.079.8851-.022-.053h01.022.053zm- 
1.389.1371.011-.056h01-.011.056zm-1.231-.6581-.041.041h01.041-.041zm-.658- 
1.2311.056-.011h01-.056.0112m3.319 2.896v-.057h0v.057zm-.962 
0v-.057h-.058v.057h.058zm2.661.7051-.041.041h01.041-.041zm.705 1.699h.057 
0-.057zm0 1.923v.057h.057v-.057h-.057zm-.962 Oh-.058v.057h.058v-.057zm0- 
1.923h.057 0-.057zM12.62 7.669v-.057h0v.057zm-.962 
Oh-.058v.057h.058v-.057zm-.48 6.731v.057h.057V14.4h-.057zm-.962 
Oh-.057v.057h.057V14.4zm.962-.962h.057 0-.057zm-2.404- 
2.404v-.057h0v.057zm-1.923 Ov-.057h0v.057zm- 
1.699.7051.041.041h01-.041-.041zm-.705 1.699h-.057 

0 .057zm0 .962h-.057v.057h.057V14.4zm.962 
0v.057h.057V14.4h-.057zm0-.962h-.057 0 .057zm1.442- 
1.443v-.057h0v.057zm1.923 0v-.057h0v.057zm1.442 1.443h.057 0-.057zM8.614 
6.4691.032-.048h01-.032.048zm-.52 
2.6141.011.056h01-.011-.056zm.739-.3951-.041-.041h01.041.041zm.395-.7391.056 
.O11h0l-.056-.011zm-2.75-2.281.032.048h01-.032-.048zm3.334 
3.3341-.048-.032h01.048.032zm-1.079.8851.022.053h01-.022-.053zm- 
1.389.1371.011-.056h01-.011.056zm-1.231-.6581-.041.041h01.041-.041zm-.521- 
2.621.053.022h01-.053-.022zm-2.587-.042v-.057h0v.057zm.962 
0h.057v-.057h-.057v.057zm-2.661.7051-.041-.041h01.041.041zM.6 
9.111H.543h0H.6zm0 1.923H.543v.057H.6v-.057zm.962 
Ov.057h.057v-.057h-.057zm0-1.923h-.057 0 .057zm1.442- 
1.442v-.057h0v.057zm.962 0v.057h.057v-.057h-.057zm.801- 
5.5261.032-.048h01-.032.048zM2.766 
4.1431.048-.032h01-.048.032zm.647.5311-.022.053h01.022-.053zm.833.0821.011. 
056h01-.011-.056zm.739-.3951.041.041h01-.041-.041zm.395-.7391.056.011h01-.05 
6-.011zm-.082-.8331.053-.022h01-.053.022zM2.63 
1.3431-.032-.048h01.032.048zm3.036.2991-.041.041h01.041-.0412m.299 
3.0361.048.032h01-.048-.032zm-1.079.8851-.022-.053h01.022.053zm- 
1.389.1371.011-.056h01-.011.056zm-1.231-.6581-.041.041h01.041-.041zm-.658- 
1.2311.056-.011h01-.056.011zm.137- 
1.3891.053.022h01-.053-.022zm9.914-.465c.274 

0 .542.081.769.2331.064-.096a1.5 1.500 
0-.833-.253v.115zm-.979.406c.26-.26.612-.406.979-.406v-.115a1.5 1.5 0 0 O- 
1.061.4391.081.081zm-.406.979c0-.367.146-.72.406-.9791-.081-.081a1.5 1.5 
0-.439 1.061h.115zm.233.769c-.152-.228-.233-.496-.233-.769h-.115a1.5 1.5 
0 .253.8331.095-.064zm.622.51c-.253-.105-.469-.282-.622-.511-.095.064a1.5 
000.673.5521.044-.106zm.8.079c-.269.053-.547.026-.8-.0791-.044.106a1.5 
0 .867.0851-.022-.113zm.709-.379c-.194.194-.441.326-.709.3791.022.113a1.5 
00 
68-.411-.081-.081zm.379-.709c-.053.269-.185.515-.379.7091.081.081a1.5 1.5 
0 .411-.7681-.113-.022zm-.079-.8c.105.253.132.532.079.81.113.022a1.5 1.5 0 
.085-.8671-.106.044zm-.51-.622c.228.152.405.368.51.6221.106-.044a1.5 1.5 
0-.552-.6731-.064.0962M11.659.88a2.46 2.46 0 0 0- 


00 
00 
1.5 
1.5 
a 


00 
1.5 
0.7 
00 
0 0- 
00 


67.4151.064.096c.386-.258.84-.395 1.304-.395V.88zm1.74.721a2.46 2.4600 
74-.721v.115c.622 0 1.219.247 1.659.6871.081-.081zm.721 1.741a2.46 2.46 
0-.721-1.7411-.081.081c.44.44.687 1.037.687 1.659h.115zm-.415 1.368a2.46 
6000.415-1.368h-.115c0 .464-.138.918-.395 1.3041.095.064zm- 
05.907a2.46 2.46 0 0 0 1.105-.9071-.095-.064c-.258.386-.624.687- 
53.8641.044.106zm-1.422.14a2.46 2.46000 
22-.141-.044-.106c-.429.178-.901.224-1.356.1341-.022.113zm-1.26-.674a2.46 
6000 1.26.6741.022-.113c-.455-.091-.873-.314- 
02-.6421-.081.081zm-.674-1.26a2.46 2.4600 0.674 
61.081-.081c-.328-.328-.552-.746-.642-1.2011-.113.022zm.14-1.422a2.46 2.46 
0-.14 1.4221.113-.022c-.091-.455-.044-.927.134-1.356L9.384 2.4zm.907- 
1.105A2.46 2.46 0 0 0 9.384 2.41.106.044c.178-.429.478-.795.864- 
1.0531-.064-.096zm2.329 5.355h-.962v.115h.962v-.115zm1.74.722c-.462-.461- 
1.087-.721-1.74-.722v.115a2.35 2.35 00 1 1.659.6881.081-.081zm.722 
1.74c-.001-.653-.26-1.278-.722-1.741-.081.081a2.35 2.35 001.688 
1.659h.115zm0 1.923V9.111h-.115v1.923h.115zm- 
1.019.057h.962v-.115h-.962v.115zm-.058- 
1.981v1.923h.115V9.111h-.115zm-.406-.979c.26.26.406.612.406.979h.115a1.5 
1.5 0 0 0-.44-1.061-.081.081zm-.979-.406c.367 0 .719.146.979.4061.081-.081a1.5 
1.5 0 0 0-1.06-.44v.115zm-.961 Oh.962v-.115h-.962v.115zm-.058- 
1.019v.962h.115v-.962h-.115zm-.423 
7.635h-.962v.115h.962v-.115zm-.057-.904v.962h.115v-.962h-.115zm-.688- 

1 

1 


1.3 
0-1. 
00 
2.4 
1.1 
1.0 
1.4 
2.4 
1.2 
1.2 
00 


.658a2.35 2.35 001.688 1.659h.115c-.001-.653-.26-1.278-.722- 

.741-.081.081zm-1.659-.688a2.35 2.35 0 0 1 1.659.6881.081-.081c-.461-.461- 
1.087-.721-1.74-.722v.115zm-1.923 0h1.923v-.115H6.851v.115zm- 
1.658.688a2.35 2.35 0 0 1 1.659-.688v-.115c-.653.001-1.278.26- 
1.74.7221.081.081zm-.688 1.659a2.35 2.35 0 0 1 .688- 
1.6581-.081-.081c-.461.461-.721 1.087-.722 
1.74h.115zm0 .962v-.962h-.115v.962h.115zm.904-.057h-.962v.115h.962v-.115z 
m-.057-.904v.962h.115v-.962h-.115zm.44-1.06a1.5 1.5 0 0 0-.44 
1.06h.115c0-.367.146-.719.406-.9791-.081-.081zm1.06-.44a1.5 1.5 0 0 O- 
1.06.441.081.081c.26-.26.612-.406.979-.406v-.115zm1.923 
0H6.851v.115h1.923v-.115zm1.06.44a1.5 1.5 0 0 0-1.06-.44v.115c.367 
0 .719.146.979.4061.081-.081zm.44 1.06a1.5 1.5 0 0 0-.44- 
1.061-.081.081c.26.26.406.612.406.979h.115zm0 .962v-.962h-.115v.962h.115zM 
7.812 6.284c.274 0 .542.081.769.2331.064-.096a1.5 1.500 
0-.833-.253v.115zm-.979.406c.26-.26.612-.406.979-.406v-.115a1.5 1.5 0 0 0- 
1.061.4391.081.081zm-.406.979c0-.367.146-.72.406-.9791-.081-.081a1.5 1.5 
0-.439 1.061h.115zm.233.769c-.152-.228-.233-.496-.233-.769h-.115a1.5 1.5 
0 .253.8331.096-.064zm.622.51c-.253-.105-.469-.282-.622-.511-.096.064a1.5 

5 


00 
00 
1.5 
0 0 0 .673.5521.044-.106zm.8.079c-.269.053-.547.026-.8-.0791-.044.106a1.5 1.5 
1.5 


000.867.0851-.022-.113zm.709-.379c-.194.194-.44.326-.709.3791.022.113al. 
1.500 

0 .768-.411-.081-.081zm.379-.709c-.053.269-.185.515-.379.7091.081.081a1.5 1.5 
0 00.41-.7681-.113-.022zm-.079-.8c.105.253.132.532.079.81.113.022a1.5 1.5 0 
0 0-.085-.8671-.106.044zm-.51-.622c.228.152.405.368.51.6221.106-.044a1.5 1.5 
0 0 0-.552-.6731-.064.096zm-.769-1.31a2.46 2.46 0 0 0- 
1.368.4151.064.096c.386-.258.84-.395 1.304-.395v-.115zm1.741.721a2.46 2.46 
0 0 0-1.741-.721v.115c.622 0 1.219.247 1.659.6871.081-.081zm.721 1.741a2.46 
2.46 0 0 0-.721-1.7411-.081.081c.44.44.687 1.037.687 1.659h.115zm-.415 
1.368a2.46 2.46 0 0 0 .415-1.368h-.115c0 .464-.138.918-.395 1.3041.096.064zm- 
1.105.907a2.46 2.46 0 0 0 1.105-.9071-.096-.064c-.258.386-.624.687- 
1.053.8641.044.106zm-1.422.14a2.46 2.46000 


1.422-.141-.044-.106c-.429.178-.901.224-1.356.1341-.022.113zm-1.26-.674a2.46 


6000 1.26.6741.022-.113c-.455-.091-.873-.314- 
01-.6421-.081.081zm-.674-1.26a2.46 2.4600 0.674 
61.081-.081c-.328-.328-.552-.746-.642-1.2011-.113.022zm.14-1.422a2.46 2.46 
0-.14 1.4221.113-.022c-.091-.455-.044-.927.134-1.3561-.106-.044zm.907- 
05a2.46 2.46 0 0 0-.907 1.1051.106.044c.178-.429.478-.795.864- 
5 31-.064-.096zM3.004 6.764h.962v-.115h-.962v.115zm-1.658.688a2.35 2.35 
1 1.659-.688v-.115c-.653.001-1.278.26-1.74.7221.081.081zM.658 9.111a2.35 
001.688-1.6591-.081-.081c-.461.461-.721 1.087-.722 1.74h.115zmO 
3V9.111H.543v1.923h.115zm.904-.057H.6v.115h.962v-.115zm-.057- 
66v1.923h.115V9.111h-.115zm.44-1.06a1.5 1.5 0 0 0-.44 
1.06h.115c0-.367.146-.719.406-.9791-.081-.081zm1.06-.44a1.5 1.5 0 0 O- 
1.06.441.081.081c.26-.26.612-.406.979-.406v-.115zm.962 
Oh-.962v.115h.962v-.115zm-.057-.904v.962h.115v-.962h-.115zm.057-4.75c.274 
0 .542.081.769.2331.064-.096a1.5 1.500 
0-.833-.253v.115zm-.979.406c.26-.26.612-.406.979-.406v-.115a1.5 1.5 0 0 0- 
1.061.4391.081.081zm-.406.979c0-.367.146-.72.406-.9791-.081-.081a1.5 1.5 
0-.439 1.061h.115zm.233.769c-.152-.228-.233-.496-.233-.769h-.115a1.5 1.5 
0 .253.8331.096-.064zm.622.51c-.253-.105-.469-.282-.622-.511-.096.064a1.5 
0 00.673.5521.044-.106zm.8.079c-.269.053-.547.026-.8-.0791-.044.106a1.5 
0 .867.085L4.236 4.7zm.709-.379c-.194.194-.44.326-.709.3791.022.113a 
00 
68-.411-.081-.081zm.379-.709c-.053.269-.185.515-.379.7091.081.081a1.5 1.5 
O .41-.7681-.113-.022zm-.079-.8c.105.253.132.532.079.81.113.022a1.5 1.5 0 
.085-.8671-.106.044zm-.51-.622c.228.152.405.368.51.6221.106-.044a1.5 1.5 
0-.552-.6731-.064.0962M3.966.88a2.46 2.46 0 0 0- 
68. 
3. 


0 
5 
7 


4151.064.096c.386-.258.84-.395 1.304-.395V.88zm1.741.721A2.46 2.460 
966.88v.115c.622 0 1.219.247 1.659.6871.081-.081zm.721 1.741a2.46 
6 0 0 0-.721-1.7411-.081.081c.44.44.687 1.037.687 1.659h.115zm-.415 
68a2.46 2.46 0 0 0 .415-1.368h-.115c0 .464-.138.918-.395 1.3041.096.064zm- 
05.907a2.46 2.46 0 0 0 1.105-.9071-.096-.064c-.258.386-.624.687- 
53.8641.044.106zm-1.422.14a2.46 2.46000 
22-.141-.044-.106c-.429.178-.901.224-1.356.1341-.022.113zm-1.26-.674a2.46 
6000 1.26.6741.022-.113c-.455-.091-.873-.314- 
01-.6421-.081.081zm-.674-1.26a2.46 2.46 000.674 
61.081-.081c-.328-.328-.552-.746-.642-1.2011-.113.022zm.14-1.422a2.46 2.46 
0 0 0-.14 1.4221.113-.022c-.091-.455-.044-.927.134-1.356L1.692 2.4zm.907- 
1.105A2.46 2.46 0 0 0 1.692 2.41.106.044c.178-.429.478-.795.864- 
1.053l-.064-.096z"» «/path» «/g» «defs» «clipPath id—"A"» «path fill z" zz fff" 
d="MO Oh15v15HO0z"» </path> </clipPath></defs></svg> </span>For Teams 
</span> </li> <li> <a class="tools menu-item-enterprise" href="/enterprise" 
aria-label="For Teams Enterprise" >Enterprise</a> </li> «li class="section-head 
section-head-new tools-section-head"> «span class="product-type"> <span 
class="section-head__control-icon"><svg xmIns="http://www.w3.org/2000/svg" 
class="header-tools-icon" width="10" height="10" viewBox="0 0 10 10"> <path 
fill="#787878" fill-rule="evenodd" d="M8.487 2.6771-.845-.896L8.765.61-.4-.412- 
1.313.177-.767.813.133 1.675-.945 1.002L3.637 1.9 4.672.814 3.904 0H2.38L0 
2.48811.524 1.616L2.57 3.00711.835 1.958-1.213 1.273-1.535-.153-.767.814L.7 
8.2671.401.424 1.113-1.18.845.885-1.112 1.18.4.424 1.301-.177.768-.814-.133- 
1.686 1.179-1.238L8.654 9.4811.057-1.12-3.182-3.385.98-1.037 
1.534.165.768-.814L10 1.9221-.4-.424z"» «/path» «/svg» </span> «span 
class="section-head icon-holder section-head tools-icon"> «svg 
xmlns="http://www.w3.org/2000/svg" alt="Tools Icon" width="15" height="15" 
fill="#000" xmlns:v="https://vecta.io/nano"><path d="M4.179 11.48411.995- 
1.995-.663-.663-1.996 1.995-.372-.372a.47.47 0 0 0-.662 OL.606 12.325a.47.47 
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0000.66211.406 1.406a.47.47 0 0 0.662 011.875-1.875a.47.47000 
0-.6621-.372-.372zM2.344 13.41-.743-.743 1.212-1.212.743.743L2.344 
13.4zm8.906.663c-.746-.001-1.461-.297-1.988-.825a2.82 2.82 0 0 1-.825-1.988 
2.742.74001.099-.725L4.475 6.464a2.74 2.7400 1-.725.099 2.8 2.8 0 0 1- 
2.614-3.8361.261-.667L2.95 3.613a.48.48 0 0 0.663 0.47.47 0 0 0 0-.662L2.06 
1.3961.667-.261A2.8 2.800 1 6.563 3.75a2.73 2.73 0 0 1-.099.72514.061 
4.061c.236-.065.48-.098.725-.099a2.8 2.800 1 2.326 
1.224c.258.379.419.815.47 1.27a2.8 2.8 0 0 1-.181 1.3421-.261.666-1.553- 
1.553a.48.48 0 0 0-.663 0.46.46 0 0 0-.102.152.47.47 000 .102.51111.553 
1.553-.666.261c-.326.13-.673.197-1.024.198h0zM4.717 5.3814.904 
4.904-.112.286a1.85 1.85 0 0 
0-.125.865c.028.294.125.578.283.827s.374.457.629.607al.86 1.8600 

0 .837.2531-.408-.408c-.131-.13-.234-.285-.305-.456s-.107-.354-.107-.538.036-.3 
67.107-.538.174-.326.305-.456a1.44 1.44 00 1 1.989 
01.408.408c-.017-.295-.104-.582-.253-.837s-.358-.471-.607-.629-.533-.256-.827-. 
283-.591.015-.865.1251-.286.112L5.38 4.7171.112-.286a1.85 1.8500 

0 .125-.865c-.028-.294-.125-.578-.283-.827s-.374-.457-.629-.607a1.86 1.8600 
0-.837-.2531.408.408c.131.131.234.286.305.4565.107.353.107.538-.036.368-.10 
7.538-.174.326-.305.456a1.44 1.44 0 0 1-1.989 01-.408-.408a1.86 1.8600 

0 .253.837c.15.255.358.471.607.629s.533.256.827.283.591-.015.865-.1251.286-. 
112zm8.934-4.044a1.44 1.44 0 0 0-1.989 OL8.156 4.8421.663.663 3.506- 
3.506a.48.48 0 0 1.663 0 .47.47 0 0 1 0 .663L9.482 6.1681.663.663 3.506- 
3.506c.264-.264.412-.622.412-.994a1.41 1.4100 
0-.411-.995h0z"></path></svg> </span>Tools </span> </li> <li> <a 
class="tools menu-item-screenshots" href="/screenshots" aria-label="Tools 
Screenshots">Screenshots</a> </li> <li> <a class="tools menu-item- 
responsive" href="/responsive" aria-label="Tools Responsive">Responsive</a> 
</li> <li> <a class="tools menu-item-speedlab" href="/speedlab" aria- 
label="Tools SpeedLab">SpeedLab</a> «/li» </ul> </div> <div class="col-xs- 
12 integration-wrapper no-pad clear'> «div class="integration-xs-8"> «p 
class="integration-wrapper desc">Use Browserstack with your favourite 
products.</p> <div class="integration-wrapper list"> <span 
class="integration-wrapper _list-icon" title="Jenkins"> <svg alt="Jenkins" 
width="20" height="22" viewBox="0 0 20 22" fill="none" 
xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip- 
rule="evenodd" d="M16.7742 10.9942C16.7742 15.1034 13.5175 18.4346 
9.50009 18.4346C5.48276 18.4346 2.22602 15.1034 2.22602 10.9942C2.22602 
6.88498 5.48276 3.55377 9.50009 3.55377C13.5175 3.55377 16.7742 6.88498 
16.7742 10.9942Z" fill="#D33833"></path><path d="M2.52244 
12.8374C2.52244 12.8374 1.99585 5.07836 9.14531 4.85664L8.64654 
4.02532L4.76703 5.32776L3.65857 6.60243L2.68871 8.45912L2.13445 
10.6206L2.30071 12.0615" fill="#EF3D3A"></path><path d="M4.51795 
5.91837C3.2417 7.22422 2.45194 9.02721 2.45194 11.0218C2.45194 13.016 
3.2417 14.8192 4.51795 16.1248C5.79482 17.4304 7.55454 18.2361 9.49998 
18.2361C11.4455 18.2361 13.2053 17.4304 14.4821 16.1248C15.7582 14.8192 
16.5482 13.016 16.5482 11.0218C16.5482 9.02721 15.7582 7.22422 14.4821 
5.91837C13.2053 4.61302 11.4455 3.80738 9.49998 3.80721C7.55454 3.80738 
5.79482 4.61302 4.51795 5.91837ZM4.1949 16.4407C2.83854 15.0535 2 
13.1365 2 11.0218C2 8.90683 2.83854 6.98995 4.1949 5.60272C5.55095 
4.21523 7.42806 3.35522 9.49998 3.35547C11.5719 3.35522 13.4492 4.21523 
14.805 5.60272C16.1615 6.98995 17.0002 8.907 17 11.0218C17.0002 13.1365 
16.1615 15.0535 14.805 16.4407C13.4492 17.8281 11.5719 18.688 9.49998 
18.688C7.42806 18.688 5.55095 17.8281 4.1949 16.4407" 
fill="#231F20"></path><path fill-rule="evenodd" clip-rule="evenodd" 


0 
1 


d="M12.5621 11.0358L11.4536 11.202L9.95723 11.3683L8.9873 
11.396L8.04517 11.3683L7.32464 11.1466L6.68728 10.4539L6.18848 
9.04059L6.07765 8.73574L5.41258 8.51411L5.02462 7.87673L4.74752 
6.96227L5.05239 6.15862L5.77282 5.90923L6.35475 6.18639L6.63191 
6.796L6.96444 6.74055L7.07524 6.60206L6.96444 5.96468L6.93668 
5.16103L7.10294 4.05262L7.09645 3.41948L7.60174 2.61168L8.4885 
1.9743L10.0404 1.30923L11.7584 1.55863L13.2548 2.63936L13.9476 
3.74777L14.391 4.55142L14.5018 6.54661L14.1693 8.26471L13.5596 
9.78879L12.9777 10.5924" fill="#FOD6B7"></path><path fill-rule="evenodd" 
clip-rule="evenodd" d="M11.6199 15.8295L7.65716 15.9958V16.6609L7.98969 
18.9886L7.82343 19.1826L5.05238 18.2404L4.85834 17.9079L4.58124 
14.7766L3.94398 12.8922L3.80538 12.4489L6.0222 10.9248L6.71503 
10.6476L7.32463 11.3958L7.85113 11.8669L8.46082 12.0609L8.73789 
12.144L9.07042 13.5849L9.31982 13.8898L9.95722 13.6681L9.51378 
14.5272L11.9247 15.6633L11.6199 15.8295" fill="#335061"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M5.05238 6.15852L5.77281 
5.90912L6.35474 6.18629L6.63191 6.7959L6.96444 6.74045L7.04757 
6.40792L6.88131 5.77062L7.04757 4.24646L6.90897 3.41513L7.40777 
2.8332L8.4885 1.97419L8.18366 1.55853L6.65957 2.30672L6.02221 
2.80552L5.66198 3.5814L5.10775 4.3296L4.94148 5.21637L5.05238 6.15852Z" 
fill="#6D6B6D"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M6.18847 3.55344C6.18847 3.55344 6.60414 2.52816 8.2668 
2.02936C9.92945 1.53056 8.34993 1.66906 8.34993 1.6690616.54877 
2.36189L5.85594 3.05464L5.55118 3.60889L6.18847 3.553442" 
fill="4DCD9D8"> </path> «path fill-rule="evenodd" clip-rule="evenodd" 
d="M5.35715 5.96425C5.35715 5.96425 4.77522 4.02443 6.9921 
3.74735L6.90897 3.41482L5.38491 3.77512L4.94148 5.21606L5.05238 
6.1582L5.35715 5.96425Z" fill="#DCD9D8"></path><path fill-rule="evenodd" 
clip-rule="evenodd" d="M6.2439 8.54162L6.60674 8.19005C6.60674 8.19005 
6.7705 8.20909 6.79817 8.40304C6.82583 8.59707 6.90897 10.3429 8.10053 
11.2851C8.20922 11.371 7.21383 11.1464 7.21383 11.1464L6.32704 9.76093" 
fill="#F7E4CD"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M11.3429 8.01514C11.3429 8.01514 11.4075 7.17516 11.6337 
7.23976C11.8599 7.30435 11.8599 7.53056 11.8599 7.53056C11.8599 7.53056 
11.3106 7.88595 11.3429 8.01514" fill="#F7E4CD"></path><path 
d="M13.6428 4.93912C13.6428 4.93912 13.186 5.03556 13.144 
5.43792C13.1019 5.84037 13.6428 5.52105 13.7259 5.49337" 
fill="#F7E4CD"></path><path d="M10.2898 4.96735C10.2898 4.96735 
9.68005 5.05049 9.68005 5.43838C9.68005 5.82636 10.3729 5.79868 10.5668 
5.63242" fill="#F7E4CD"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M6.52101 6.76801C6.52101 6.76801 5.46794 6.13063 
5.35715 6.74032C5.24631 7.34994 4.99685 7.79337 5.52341 8.43066L5.16318 
8.31985L4.83065 7.46084L4.71985 6.62951L5.35715 5.96436L6.07764 
6.01981L6.49331 6.35234L6.52101 6.768012" fill="#F7E4CD"></path><path 
fill-rule="evenodd" clip-rule="evenodd" d="M7.01981 5.02246C7.01981 
5.02246 7.4909 2.58392 9.87409 2.11281C11.8361 1.725 12.8668 2.19594 
13.2548 2.63929C13.2548 2.63929 11.509 0.561052 9.84632 1.19835C8.18367 
1.83573 6.96444 2.99959 6.99211 3.7477C7.03929 5.02196 7.01981 5.02246 
7.01981 5.022462" fill="#F7E4CD"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M13.4488 2.9161C13.4488 2.9161 12.6453 2.88842 
12.6175 3.60893C12.6175 3.60893 12.6174 3.71975 12.6729 3.83057C12.6729 
3.83057 13.3103 3.11005 13.6982 3.49803" fill="#F7E4CD"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M9.92994 3.90581C9.92994 3.90581 
9.7916 2.7999 8.84872 3.44285C8.23909 3.85851 8.29456 4.44044 8.40536 


4.55126C8.51619 4.66216 8.48606 4.88537 8.57043 4.73215C8.65476 4.57894 
8.62699 4.08014 8.93186 3.94164C9.23669 3.80306 9.73639 3.64827 9.92994 
3.90581Z" fill="#F7E4CD"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M7.32463 11.3958L4.71984 12.5597C4.71984 12.5597 
5.80057 16.8549 5.24631 18.1851L4.85834 18.0466L4.83064 16.4116L4.11025 
13.308L3.80538 12.4489L6.521 10.62L7.32463 11.3958Z" 
fill="#49728B"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M7.59248 13.7712L7.96203 14.2221V15.8848H7.5186C7.5186 15.8848 
7.46323 14.7209 7.46323 14.5823C7.46323 14.4437 7.5186 13.9449 7.5186 
13.9449" fill="#49728B"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M7.60173 16.1343L6.35474 16.1897L6.71503 
16.4391L7.60173 16.5776" fill="#49728B"></path><path fill-rule="evenodd" 
clip-rule="evenodd" d="M11.8693 15.8573L12.8946 15.8296L13.144 
18.3791L12.0909 18.5176L11.8693 15.8573" fill="#335061"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M12.1464 15.8574L13.6982 
15.7743C13.6982 15.7743 14.3355 14.1671 14.3355 14.0839C14.3355 14.0008 
14.8898 11.7562 14.8898 11.7562L13.6428 10.4539L13.3934 10.2322L12.7283 
10.8972V13.4743L12.1464 15.8574" fill="#335061"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M12.8391 15.6632L11.8693 
15.8571L12.0078 16.6331C12.368 16.7994 12.9777 16.3559 12.9777 16.3559" 
fill="#49728B"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M12.8669 10.8139L14.8066 12.2549L14.8621 11.5898L13.3934 
10.232L12.8669 10.8139Z" fill="#49728B"></path><path fill-rule="evenodd" 
clip-rule="evenodd" d="M8.56342 21.3162L7.9897 18.9881L7.70436 
17.2704L7.65717 15.9953L10.2538 15.8571L11.8693 15.8568L11.7224 
18.7667L11.9718 21.0113L11.9441 21.427L9.83815 21.5933L8.56342 21.3162" 
fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.509 
15.8296C11.509 15.8296 11.3705 18.7116 11.7862 20.7622C11.7862 20.7622 
10.9548 21.2887 9.73549 21.4272L12.0632 21.3441L12.3403 21.1778L12.0078 
16.6333L11.9247 15.6633" fill="#DCD9D8"></path><path fill-rule="evenodd" 
clip-rule="evenodd" d="M13.1912 18.1577L14.2719 17.8529L16.3225 
17.7421L16.6273 16.7999L16.0731 15.1649L15.4358 15.0818L14.549 
15.3589L13.6982 15.7743L13.2466 15.6914L12.8946 15.8297" 
fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M13.1717 17.6031C13.1717 17.6031 13.8921 17.2707 14.003 
17.2984L13.6982 15.7742L14.0584 15.6357C14.0584 15.6357 14.3078 17.0766 
14.3078 17.2429C14.3078 17.2429 15.8596 17.326 15.9982 17.326C15.9982 
17.326 16.3307 16.6887 16.2476 16.0236L16.5524 16.9104L16.5801 
17.4092L16.1368 18.0742L15.638 18.1851L14.8066 18.1574L14.5295 
17.7972L13.5596 17.9357L13.2548 18.0466" fill="#DCD9D8"></path><path 
d="M12.0827 15.6357L11.4731 14.0839L10.8357 13.1694C10.8357 13.1694 
10.9742 12.7814 11.1682 12.7814C11.3623 12.7814 11.8056 12.7814 11.8056 
12.7814L12.4152 13.0032L12.3599 14.0285L12.0827 15.6357Z" 
fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M12.2018 15.1091C12.2018 15.1091 11.4259 13.6127 11.4259 
13.391C11.4259 13.391 11.5644 13.0585 11.7584 13.1416C11.9524 13.2248 
12.3681 13.4464 12.3681 13.4464V12.9199L11.4259 12.7259L10.7886 
12.809L11.8693 15.3585L12.0909 15.3862" fill="#DCD9D8"></path><path 
d="M8.81284 11.4515L8.04516 11.368L7.32463 11.1463V11.3957L7.67668 
11.7839L8.78511 12.2827" fill="white"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M7.57413 11.5347C7.57413 11.5347 8.43323 11.895 
8.71032 11.8118L8.73789 12.144L7.96213 11.9781L7.491 11.6456L7.57413 
11.5347Z" fill="#DCD9D8"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M13.1882 12.876C12.718 12.8622 12.2932 12.8063 


11.9213 12.7014C11.9465 12.5489 11.8992 12.3993 11.9372 12.2895C12.0409 
12.2148 12.2146 12.216 12.3713 12.1984C12.2358 12.1319 12.0455 12.1055 
11.8891 12.144C11.8854 12.0382 11.838 11.9726 11.8092 11.8898C12.0736 
11.7954 12.6976 11.1768 13.0487 11.3817C13.216 11.4791 13.287 12.0356 
13.3 12.3062C13.3108 12.5306 13.2796 12.7571 13.1882 12.876Z" 
fill="#D33833"></path><path d="M13.1882 12.876C12.718 12.8622 12.2932 
12.8063 11.9213 12.7014C11.9465 12.5489 11.8992 12.3993 11.9372 
12.2895C12.0409 12.2148 12.2146 12.216 12.3713 12.1984C12.2358 12.1319 
12.0455 12.1055 11.8891 12.144C11.8854 12.0382 11.838 11.9726 11.8092 
11.8898C12.0736 11.7954 12.6976 11.1768 13.0487 11.3817C13.216 11.4791 
13.287 12.0356 13.3 12.3062C13.3108 12.5306 13.2796 12.7571 13.1882 
12.876Z" stroke="#D33833" stroke-width="0.166266"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M10.9397 12.1076C10.9385 12.1432 
10.937 12.179 10.9355 12.2149C10.7887 12.3114 10.5517 12.3102 10.3906 
12.3913C10.6281 12.4017 10.8151 12.4589 10.9769 12.5395C10.9733 12.6291 
10.9699 12.7186 10.9664 12.8083C10.6973 12.9925 10.4515 13.2668 10.1346 
13.4396C9.98483 13.5213 9.45908 13.7315 9.29969 13.6944C9.20952 13.6734 
9.2014 13.5615 9.16535 13.456C9.08855 13.2302 8.91173 12.8706 8.89631 
12.5306C8.87666 12.1011 8.83331 11.3814 9.29613 11.4698C9.66951 11.5411 
10.1038 11.7131 10.3929 11.871C10.5695 11.9676 10.6717 12.087 10.9397 
12.1076" fill="#D33833"></path><path d="M10.9397 12.1076C10.9385 
12.1432 10.937 12.179 10.9355 12.2149C10.7887 12.3114 10.5517 12.3102 
10.3906 12.3913C10.6281 12.4017 10.8151 12.4589 10.9769 12.5395C10.9733 
12.6291 10.9699 12.7186 10.9664 12.8083C10.6973 12.9925 10.4515 13.2668 
10.1346 13.4396C9.98483 13.5213 9.45908 13.7315 9.29969 13.6944C9.20952 
13.6734 9.2014 13.5615 9.16535 13.456C9.08855 13.2302 8.91173 12.8706 
8.89631 12.5306C8.87666 12.1011 8.83331 11.3814 9.29613 11.4698C9.66951 
11.5411 10.1038 11.7131 10.3929 11.871C10.5695 11.9676 10.6717 12.087 
10.9397 12.1076V12.1076Z" stroke="#D33833" 
stroke-width="0.166266"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M11.207 12.6198C11.1659 12.3858 11.1184 12.3191 
11.1368 12.115C11.7607 11.699 11.8779 12.8295 11.207 12.6198Z" 
fill="#D33833"></path><path d="M11.207 12.6198C11.1659 12.3858 11.1184 
12.3191 11.1368 12.115C11.7607 11.699 11.8779 12.8295 11.207 12.6198Z" 
stroke="#D33833" stroke-width="0.166266"></path><path fill-rule="evenodd" 
clip-rule="evenodd" d="M12.1104 12.8091C12.1104 12.8091 11.9163 12.5319 
12.0549 12.4488C12.1935 12.3657 12.3321 12.4489 12.4152 12.3103C12.4984 
12.1717 12.4152 12.0886 12.4429 11.9223C12.4706 11.756 12.6093 11.7283 
12.7478 11.7006C12.8863 11.6729 13.2743 11.6175 13.3297 11.756L13.1634 
11.2572L12.8309 11.1464L11.7778 11.756L11.7224 12.0609V12.6705" 
fill="#EF3D3A"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M9.20074 13.7236C9.16746 13.2912 9.13223 12.8593 9.09303 
12.4273C9.03438 11.7821 9.24799 11.8947 9.80719 11.8947C9.8926 11.8947 
10.3331 11.9965 10.3646 12.061C10.5157 12.3696 10.1119 12.3011 10.5387 
12.5338C10.899 12.7303 11.5354 12.4145 11.3899 11.9778C11.3084 11.8807 
10.9654 11.9476 10.8424 11.8838C10.626 11.7716 10.4095 11.6594 10.193 
11.5471C9.91754 11.4042 9.28095 11.1959 8.98729 11.3956C8.24322 11.9016 
9.03425 13.166 9.29969 13.6939" fill="#EF3D3A"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M9.92994 3.90559C9.17466 3.72968 
8.79936 4.22166 8.57042 4.73193C8.366 4.68239 8.44735 4.40439 8.49898 
4.26273C8.63417 3.89096 9.17898 3.39607 9.62413 3.46316C9.8157 3.49201 
10.0749 3.66717 9.92994 3.90559" fill="#231F20"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M13.6099 4.76556C13.6218 4.76606 
13.6339 4.76648 13.6458 4.76698C13.8164 5.12154 13.9642 5.49713 14.1795 


5.81013C14.0352 6.14607 13.0873 6.44335 13.1019 5.84014C13.3069 5.75052 
13.6608 5.82185 13.8425 5.70738C13.7375 5.41899 13.5858 5.1735 13.6099 
4.76556" fill="#231F20"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M10.3166 4.77503C10.4786 5.0719 10.5313 5.38382 
10.7615 5.60819C10.8651 5.7092 11.0667 5.83232 10.9668 6.11322C10.9434 
6.17948 10.7728 6.32721 10.6743 6.35622C10.3144 6.46246 9.4758 6.37817 
9.75978 5.9295C10.0574 5.94338 10.4574 6.12278 10.6799 5.90672C10.5091 
5.63363 10.2045 5.09335 10.3166 4.77503" fill="#231F20"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M13.4748 7.79221C12.933 8.14029 
12.3288 8.51879 11.4409 8.431C11.2512 8.26607 11.1789 7.89904 11.3632 
7.65662C11.4591 7.82156 11.3988 8.12491 11.6662 8.17055C12.17 8.25676 
12.7563 7.86237 13.1187 7.72454C13.3434 7.3457 13.0993 7.20637 12.8969 
6.96254C12.4825 6.463 11.9266 5.84382 11.9468 5.09596C12.1143 4.9745 
12.1288 5.28135 12.1528 5.33721C12.3692 5.84366 12.9138 6.49135 13.3112 
6.9248C13.4088 7.03154 13.5695 7.13396 13.5874 7.20454C13.6389 7.4098 
13.4533 7.6557 13.4748 7.79221" fill="#231F20"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M6.33137 7.42593C6.16153 7.329 
6.1211 6.90203 5.92171 6.88989C5.63675 6.8726 5.68871 7.4438 5.68985 
7.77783C5.4937 7.59976 5.45921 7.0515 5.60331 6.76993C5.43909 6.68929 
5.36575 6.85888 5.27467 6.91865C5.39173 6.0682 6.51874 6.52419 6.33137 
7.425932" fill="#231F20"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M13.8198 8.1467C13.5676 8.62679 13.2108 9.15552 
12.4707 9.1709C12.4556 9.01586 12.4441 8.77993 12.4715 8.68657C13.0373 
8.6322 13.3866 8.34423 13.8198 8.1467Z" fill="#231F20"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M10.2739 8.45769C10.746 8.70593 
11.6136 8.73261 12.2552 8.71382C12.2896 8.8544 12.2888 9.02807 12.2901 
9.19949C11.4654 9.24064 10.4902 9.03655 10.2739 8.45769Z" 
fill="#231F20"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M10.1842 8.92077C10.5106 9.74038 11.6326 9.64603 12.5787 
9.62341C12.5371 9.72982 12.4468 9.85552 12.3346 9.90099C12.0314 10.0244 
11.1952 10.118 10.7743 9.89443C10.5073 9.75252 10.3358 9.43188 10.1896 
9.24391C10.1189 9.15313 9.76724 8.92127 10.1842 8.92077" 
fill="#231F20"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M13.4354 13.4414C13.0524 14.0975 12.6858 14.7714 12.2313 
15.3501C12.4219 14.7899 12.5034 13.8522 12.5322 13.1373C12.9308 12.9508 
13.2722 13.1793 13.4354 13.4414Z" fill="#81B0C4"></path><path fill- 
rule="evenodd" clip-rule="evenodd" d="M15.4968 15.7992C15.0679 15.8851 
14.7666 16.3019 14.3481 16.2751C14.5781 15.951 14.981 15.8143 15.4968 
15.7992Z" fill="#231F20"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M15.686 16.471C15.3364 16.508 14.9258 16.5646 14.5713 
16.5354C14.7391 16.279 15.3858 16.3675 15.686 16.4712" 
fill="#231F20"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M15.8071 17.0495C15.4142 17.058 14.9259 17.0502 14.5525 
17.0189C14.7734 16.7816 15.5523 16.9308 15.8071 17.0495Z" 
fill="#231F20"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M12.6962 18.6331C12.7526 19.1265 12.9482 19.6264 12.9237 
20.1668C12.7064 20.24 12.5817 20.3041 12.2906 20.3037C12.2701 19.8445 
12.2086 19.1424 12.227 18.7046C12.3702 18.7141 12.5812 18.6024 12.6962 
18.6331Z" fill="#DCD9D8"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M12.0628 11.3612C11.8656 11.4899 11.6975 11.6507 
11.5081 11.7882C11.0879 11.809 10.8586 11.7591 10.55 11.5179C10.555 
11.4985 10.5861 11.5071 10.5872 11.4834C11.037 11.6838 11.6087 11.4017 
12.0628 11.3612" fill="#FOD6B7"></path><path fill-rule="evenodd" clip- 
rule="evenodd" d="M9.70181 14.4268C9.82538 13.8913 10.3096 13.614 


10.7492 13.3192C11.2031 13.8951 11.4791 14.6358 11.783 15.3506C11.0649 
15.1341 10.3312 14.7829 9.70181 14.4268Z" fill="481B0C4"></path><path 
fill-rule="evenodd" clip-rule="evenodd" d="M12.227 18.7045C12.2086 19.1423 
12.2701 19.8444 12.2906 20.3036C12.5817 20.304 12.7064 20.2399 12.9237 
20.1667C12.9482 19.6263 12.7526 19.1264 12.6962 18.633C12.5812 18.6023 
12.3702 18.714 12.227 18.7045V18.7045ZM7.69509 16.2148C7.88702 17.9791 
8.16499 19.4623 8.67482 21.0246C9.80637 21.3682 11.1705 21.3981 12.1706 
21.0881C11.987 20.2063 12.0672 19.1328 11.9599 18.1918C11.879 17.4845 
11.9202 16.7729 11.8094 16.0513C10.5974 15.7991 8.88444 15.9923 7.69509 
16.2148V16.2148ZM12.0959 16.0623C12.0857 16.8201 12.1298 17.5675 
12.1877 18.3262C12.4787 18.2825 12.6761 18.2534 12.9464 18.1941C12.8587 
17.4637 12.8695 16.6418 12.6906 15.9957C12.484 15.9977 12.302 15.9933 
12.0959 16.0623V16.0623ZM13.5719 15.9402C13.4338 15.9085 13.2731 
15.939 13.1411 15.9415C13.2032 16.5592 13.3536 17.2408 13.4066 
17.8892C13.6142 17.8956 13.7251 17.7977 13.8958 17.7648C13.905 17.1957 
13.8461 16.4116 13.5719 15.9402V15.9402ZM15.8069 17.9822C16.2396 
17.8771 16.5117 17.3471 16.3906 16.8029C16.3094 16.4371 16.1648 15.7483 
16.01 15.5143C15.8956 15.3412 15.5854 15.1146 15.3378 15.2732C14.9349 
15.5312 14.2252 15.6061 13.9314 15.9184C14.0787 16.4088 14.1244 17.0825 
14.1852 17.704C14.6885 17.7354 15.3077 17.5655 15.7263 17.7458C15.4341 
17.8404 15.0549 17.8412 14.8025 17.9791C15.0088 18.0788 15.4919 18.0587 
15.8069 17.9822V17.9822ZM11.783 15.3507C11.4791 14.6359 11.2031 
13.8952 10.7492 13.3193C10.3096 13.6141 9.82538 13.8915 9.70181 
14.4269C10.3312 14.783 11.0649 15.1342 11.783 15.3507ZM12.5322 
13.1373C12.5034 13.8521 12.4219 14.7898 12.2313 15.3501C12.6858 14.7713 
13.0524 14.0975 13.4354 13.4414C13.2722 13.1793 12.9308 12.9507 12.5322 
13.1373V13.1373ZM11.6829 12.8355C11.5107 12.817 11.3646 13.0335 
11.1407 12.9399C11.0894 12.9966 11.0428 13.058 10.9905 13.1134C11.485 
13.7093 11.7097 14.5547 12.0916 15.255C12.2965 14.5823 12.2729 13.8453 
12.318 13.1111C12.0365 13.129 11.8803 12.8565 11.6829 12.8355ZM11.1368 
12.1148C11.1184 12.3189 11.1659 12.3856 11.207 12.6195C11.8779 12.8293 
11.7607 11.6988 11.1368 12.1148ZM10.3928 11.8705C10.1038 11.7126 9.6695 
11.5406 9.29612 11.4693C8.8333 11.3808 8.87665 12.1006 8.8963 
12.5301C8.91172 12.8701 9.08854 13.2297 9.16534 13.4555C9.20139 13.561 
9.20951 13.6729 9.29969 13.6939C9.45907 13.731 9.98482 13.5208 10.1346 
13.4391C10.4515 13.2663 10.6973 12.992 10.9664 12.8078C10.9699 12.7181 
10.9733 12.6286 10.9769 12.539C10.8151 12.4584 10.6281 12.4012 10.3906 
12.3908C10.5517 12.3097 10.7887 12.3109 10.9355 12.2144C10.937 12.1785 
10.9385 12.1427 10.9397 12.1071C10.6717 12.0865 10.5695 11.9671 10.3928 
11.8705V11.8705ZM7.63171 11.369C7.39178 11.6126 8.30463 11.9446 
8.59527 11.9625C8.59365 11.8083 8.6831 11.663 8.66508 11.5525C8.31989 
11.4918 7.86623 11.5318 7.63171 11.369V11.369ZM10.5872 11.4834C10.586 
11.5071 10.555 11.4985 10.55 11.5179C10.8586 11.7591 11.0879 11.809 
11.5081 11.7882C11.6975 11.6507 11.8655 11.4899 12.0628 11.3612C11.6087 
11.4017 11.037 11.6838 10.5872 11.4834V11.4834ZM13.3 12.306C13.287 
12.0354 13.216 11.4789 13.0487 11.3814C12.6976 11.1765 12.0735 11.7952 
11.8092 11.8896C11.8379 11.9724 11.8854 12.0379 11.8891 12.1438C12.0454 
12.1053 12.2358 12.1316 12.3713 12.1982C12.2146 12.2158 12.0409 12.2146 
11.9372 12.2893C11.8992 12.3991 11.9465 12.5487 11.9212 12.7012C12.2932 
12.8061 12.718 12.862 13.1882 12.8758C13.2796 12.7569 13.3108 12.5304 
13.3 12.306V12.306ZM7.2278 11.6046C7.15245 11.5509 6.64278 10.8877 
6.57296 10.9152C5.65071 11.2789 4.78836 11.9078 4.01776 12.5027C4.75248 
14.0792 5.04907 16.0107 5.10147 17.8724C5.94313 18.266 6.6824 18.8335 
7.8245 18.8928C7.69234 17.9577 7.57169 17.1234 7.49667 16.2431C7.20971 


16.1221 6.798 16.2485 6.52945 16.2055C6.52717 15.8819 6.93959 16.0638 
6.97394 15.8462C6.99983 15.6816 6.74702 15.6691 6.82934 15.4099C7.03928 
15.4862 7.14954 15.6548 7.37344 15.7181C7.57803 15.2705 7.37058 14.4786 
7.40006 14.1045C7.40565 14.0342 7.43514 13.7153 7.59248 13.7713C7.73172 
13.8208 7.58452 14.6194 7.59978 14.9735C7.61368 15.2997 7.56039 15.6153 
7.69249 15.8201C8.79612 15.6699 9.91759 15.5728 11.1117 15.54C10.849 
15.4273 10.5369 15.3206 10.1948 15.1277C10.0093 15.0232 9.42458 14.8056 
9.37106 14.6294C9.28566 14.3487 9.59513 14.1992 9.64806 13.9585C9.09098 
14.2623 8.98229 13.6673 8.85051 13.2457C8.73111 12.8639 8.66314 12.5786 
8.63384 12.3584C8.15395 12.1296 7.64086 11.898 7.2278 
11.6046V11.6046ZM12.8126 10.9955C13.581 10.6229 13.7195 12.388 13.4183 
12.9567C13.4649 13.1262 13.625 13.1912 13.6903 13.3436C13.2615 14.1118 
12.7852 14.8288 12.3477 15.5879C12.6732 15.3853 13.1381 15.5517 13.5211 
15.4C13.6611 15.3446 13.7624 15.0242 13.8684 14.7678C14.1599 14.0624 
14.466 13.1731 14.6022 12.5C14.633 12.3466 14.7168 12.0124 14.698 
11.8759C14.6645 11.6315 14.3328 11.4503 14.1642 11.2991C13.8534 11.02 
13.6577 10.7743 13.3336 10.5133C13.2022 10.7073 12.9201 10.8377 12.8126 
10.9955V10.9955ZM5.47048 4.18123C5.10433 4.58409 5.18097 5.33893 
5.2253 5.87597C5.88711 5.45964 6.76553 5.90889 6.75725 6.61702C7.07322 
6.60862 6.87529 6.22239 6.81813 5.97357C6.63135 5.16086 7.13281 4.27791 
6.84087 3.5347C6.27404 3.57768 5.80836 3.80921 5.47048 
4.18123V4.18123ZM8.0903 1.84303C7.26141 2.07797 6.19909 2.68026 
5.85847 3.42488C6.12222 3.38656 6.30531 3.25355 6.56549 3.23709C6.66382 
3.23069 6.79265 3.27832 6.90566 3.25022C7.13086 3.19436 7.32093 2.68941 
7.49083 2.50153C7.65645 2.31805 7.85551 2.23966 7.99174 2.0724C8.07926 
2.03016 8.20867 2.03307 8.21364 1.90164C8.1757 1.86107 8.13576 1.83015 
8.0903 1.84303V1.84303ZM12.4052 2.064C11.5448 1.57858 10.0886 1.21347 
9.1734 1.6697C8.43494 2.03789 7.43676 2.64709 7.09644 3.41906C7.41436 
4.16402 7.00227 4.84662 6.97596 5.60297C6.962 6.00541 7.16545 6.35673 
7.18103 6.79484C7.07225 6.97433 6.73987 6.99644 6.50979 6.98413C6.43235 
6.59657 6.29677 6.16095 5.89767 6.11723C5.33295 6.05546 4.92004 6.52283 
4.89439 7.01124C4.86403 7.5856 5.33554 8.53756 6.00386 8.47147C6.26203 
8.44594 6.32545 8.18715 6.60674 8.18981C6.75919 8.49399 6.37156 8.58951 
6.33168 8.80707C6.32129 8.86327 6.36383 9.08291 6.38857 9.18591C6.50996 
9.68745 6.78057 10.3366 7.04692 10.7184C7.38497 11.2027 8.04912 11.2757 
8.76364 11.3232C8.89126 11.0483 9.36139 11.0709 9.66771 11.1428C9.3006 
10.9974 8.9593 10.6449 8.67645 10.3329C8.35155 9.97492 8.02243 9.59093 
8.0058 9.12306C8.61978 9.97484 9.12703 10.7187 10.2435 11.0934C11.0883 
11.3767 12.0749 10.9635 12.724 10.5077C12.9933 10.3183 13.1541 10.0177 
13.3456 9.74248C14.0619 8.71205 14.3962 7.24127 14.3227 5.8157C14.2924 
5.22779 14.2938 4.64187 14.0965 4.24632C13.8903 3.83273 13.193 3.46271 
12.7848 3.83681C12.7092 3.43461 13.1243 3.18588 13.6118 3.33061C13.2642 
2.88194 12.8993 2.34283 12.4052 2.064V2.064ZM14.008 15.3293C14.6803 
14.9951 15.9365 14.4297 16.358 15.3305C16.5135 15.6626 16.696 16.2239 
16.7765 16.5666C16.8903 17.0502 16.6532 18.0666 16.1561 18.2289C15.7171 
18.3722 15.2048 18.3634 14.676 18.2572C14.6138 18.2054 14.5444 18.1151 
14.496 18.021C14.1184 18.0064 13.7648 18.0413 13.4665 18.1965C13.4948 
18.4758 13.3059 18.5206 13.1288 18.5781C12.9976 19.0986 13.3915 19.7783 
13.2972 20.2529C13.2299 20.591 12.8139 20.6433 12.5082 20.7065C12.4982 
20.8944 12.5215 21.0513 12.5424 21.2102C12.4725 21.4679 12.1589 21.6145 
11.8618 21.6504C10.8842 21.768 9.39997 21.8208 8.45969 21.4827C8.1973 
20.8391 7.9906 20.0563 7.77205 19.3214C6.855 19.4193 6.11329 18.9257 
5.41407 18.6023C5.17198 18.49 4.83708 18.4282 4.74664 18.2355C4.65896 
18.049 4.69484 17.6914 4.67308 17.3536C4.61772 16.491 4.5703 15.6589 


4.3425 14.7756C4.24021 14.3792 4.06192 14.0295 3.93755 13.6476C3.82259 
13.2936 3.62174 12.8561 3.56936 12.5032C3.49169 11.98 3.98431 11.9509 
4.29931 11.7242C4.78625 11.3736 5.16847 11.1798 5.69584 10.8634C5.85204 
10.7697 6.32308 10.5325 6.37666 10.4233C6.48317 10.2067 6.19383 9.90135 
6.11648 9.73159C5.99411 9.46316 5.9303 9.23512 5.91277 8.97026C5.47038 
8.90035 5.13502 8.63707 4.93245 8.3402C4.59736 7.84888 4.36497 6.93991 
4.65489 6.24849C4.67763 6.19404 4.79102 6.08696 4.80775 6.00333C4.84074 
5.83865 4.74566 5.61967 4.73975 5.44451C4.70929 4.54585 4.8918 3.77155 
5.49678 3.50053C5.74238 2.52214 6.62141 2.19684 7.44959 1.7106C7.75917 
1.52887 8.10043 1.41274 8.45287 1.28305C9.71717 0.817753 11.657 0.905376 
12.7063 1.69896C13.1512 2.03548 13.8624 2.74602 14.1168 3.26045C14.7887 
4.61859 14.7409 6.88836 14.271 8.54046C14.2078 8.76226 14.1162 9.08831 
13.9883 9.35475C13.8991 9.5408 13.6218 9.91307 13.6555 10.0773C13.6901 
10.2472 14.2876 10.7008 14.4157 10.8244C14.6464 11.0469 15.0847 11.3423 
15.1202 11.6231C15.1584 11.922 14.9885 12.3308 14.9025 12.6192C14.6148 
13.5816 14.3342 14.4713 14.008 15.3293" fillz" x 231F20"» «/path- «path fill- 
rule="evenodd" clip-rule="evenodd" d="M9.52278 8.66737C9.55926 8.61882 
9.75978 8.54509 10.0404 8.68018C10.0404 8.68018 9.70782 8.73563 9.73549 
9.29004L9.59692 9.26227C9.59692 9.26227 9.45372 8.75957 9.52278 8.66737" 
fill="#F7E4CD"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M11.9524 13.4326C11.9524 13.5167 11.8842 13.585 11.8 13.585C11.7158 
13.585 11.6476 13.5167 11.6476 13.4326C11.6476 13.3485 11.7158 13.2801 
11.8 13.2801C11.8842 13.2801 11.9524 13.3485 11.9524 13.4326Z" 
fill="#1D1919"></path><path fill-rule="evenodd" clip-rule="evenodd" 
d="M12.1048 14.1386C12.1048 14.2228 12.0366 14.291 11.9523 
14.291C11.8682 14.291 11.8 14.2228 11.8 14.1386C11.8 14.0545 11.8682 
13.9862 11.9523 13.9862C12.0366 13.9862 12.1048 14.0545 12.1048 
14.1386Z" fill="#1D1919"></path></svg> </span> <span class="integration- 
wrapper list-icon" title="Circle CI"> <svg alt="Circle CI" width="20" 
height="22" viewBox="0 0 20 22" fill="none" 
xmlns="http://www.w3.org/2000/svg"> «path d="M7.69364 11C7.69364 
9.81939 8.66474 8.86122 9.86127 8.86122C11.0578 8.86122 12.0289 9.81939 
12.0289 11C12.0289 12.1806 11.0578 13.1388 9.86127 13.1388C8.66474 
13.1559 7.69364 12.1806 7.69364 11ZM9.86127 2C5.59538 2 2.02312 4.87452 
1.01734 8.77567C1.01734 8.80989 1 8.827 1 8.86122C1 9.10076 1.19075 
9.28897 1.43353 9.28897H5.10983C5.28324 9.28897 5.43931 9.18631 5.50867 
9.03232C6.27168 7.40684 7.91907 6.27757 9.86127 6.27757C12.4971 6.27757 
14.6474 8.39924 14.6474 11C14.6474 13.6008 12.4971 15.7224 9.86127 
15.7224C7.93642 15.7224 6.27168 14.5932 5.50867 12.9677C5.43931 12.8137 
5.28324 12.711 5.10983 12.711H1.43353C1.19075 12.711 1 12.89921 
13.1388C1 13.173 1 13.1901 1.01734 13.2243C2.02312 17.1255 5.59538 20 
9.86127 20C14.9075 20 19 15.962 19 10.9829C19 6.02091 14.9075 2 9.86127 
2Z" fill="#343434"></path></svg> </span> <span class="integration- 
wrapper list-icon" title="Gitlab"> <svg alt="Gitlab" width="20" height="22" 
viewBox="0 0 20 22" fill="none" xmIns="http://www.w3.org/2000/svg"><g clip- 
path="url(#clip0_ 618 21205)"><path d="M19.6671 7.62421L19.639 
7.55235L16.9168 0.448078C16.8614 0.308837 16.7634 0.19072 16.6367 
0.110672C16.5099 0.0319836 16.3621 -0.00591509 16.2131 
0.00209265C16.0641 0.0101004 15.9212 0.063629 15.8036 0.155451C15.6873 
0.249909 15.6029 0.377903 15.562 0.522015L13.724 6.14545H6.28123L4.4432 
0.522015C4.40334 0.377118 4.3188 0.248483 4.2016 0.154409C4.08401 
0.0625874 3.94107 0.00905878 3.79209 0.00105105C3.64311 -0.00695669 
3.49526 0.030942 3.3685 0.10963C3.24211 0.190001 3.14413 0.308016 
3.08837 0.447036L0.361006 7.54819L0.33393 7.62004C-0.0579378 8.64393 - 


0.106307 9.76746 0.196114 10.8212C0.498534 11.875 1.13535 12.8019 
2.01055 13.4622L2.01992 13.4695L2.04491 13.4872L6.19167 16.5925L8.24319 
18.1452L9.49284 19.0887C9.63902 19.1997 9.8175 19.2598 10.001 
19.2598C10.1846 19.2598 10.3631 19.1997 10.5092 19.0887L11.7589 
18.1452L13.8104 16.5925L17.9821 13.4684L17.9926 13.4601C18.8658 12.7997 
19.5011 11.8738 19.8031 10.8214C20.105 9.76905 20.0573 8.64712 19.6671 
7.62421V7.62421Z" fill="#E24329"></path><path d="M19.6671 
7.6241L19.639 7.55225C18.3126 7.82451 17.0627 8.38634 15.9785 
9.19762L9.99999 13.7182C12.0359 15.2584 13.8083 16.5966 13.8083 
16.5966L17.9801 13.4725L17.9905 13.4641C18.865 12.8038 19.5013 11.8773 
19.8037 10.824C20.106 9.77074 20.0581 8.64776 19.6671 7.62412" 
fill="#FC6D26"></path><path d="M6.19167 16.5966L8.24319 
18.1493L9.49284 19.0928C9.63901 19.2038 9.8175 19.2639 10.001 
19.2639C10.1846 19.2639 10.363 19.2038 10.5092 19.0928L11.7589 
18.1493L13.8104 16.5966C13.8104 16.5966 12.0359 15.2543 9.99999 
13.7183C7.9641 15.2543 6.19167 16.5966 6.19167 16.5966Z" 
fill="#FCA326"></path><path d="M4.0204 9.19788C2.93716 8.38493 1.68751 
7.82163 0.361006 7.54834L0.33393 7.6202C-0.0579378 8.64408 -0.106307 
9.76762 0.196113 10.8214C0.498534 11.8752 1.13535 12.8021 2.01055 
13.4623L2.01992 13.4696L2.04491 13.4873L6.19167 16.5927C6.19167 16.5927 
7.96202 15.2545 9.99999 13.7143L4.0204 9.197882" 
fill="#FC6D26"></path></g><defs><clipPath id<"clipO 618 21205"><rect 
width="20" height="22" fill="white"></rect></clipPath></defs></svg> 
</span> «span class="integration-wrapper _list-icon" title="Travis CI"> <svg 
alt="Travis Cl" width="20" height="22" viewBox="0 0 20 22" fill="none" 
xmlns="http://www.w3.org/2000/svg"> «path d="M19.4485 7.78307C19.4394 
7.71214 19.4285 7.64121 19.4138 7.5718C19.4006 7.49888 19.3838 7.42666 
19.3634 7.35542L19.3091 7.26939C19.0854 7.09397 18.844 6.96141 18.599 
6.84426C18.3968 6.74892 18.1913 6.66579 17.9834 6.58921C17.4041 4.98365 
16.4083 3.56 15.0989 2.56803C13.7456 1.54274 12.1538 1 10.496 1C8.83809 1 
7.24621 1.54274 5.89285 2.56811C4.5834 3.56 3.58748 4.98373 3.00825 
6.58967C2.80089 6.66594 2.59506 6.7493 2.39313 6.84426C2.14766 6.96141 
1.90647 7.09397 1.68277 7.26939L1.62831 7.35542C1.60883 7.42688 1.59199 
7.49903 1.57783 7.57172C1.56377 7.64128 1.55323 7.71206 1.54315 
7.78299C1.52322 7.92346 1.50961 8.06475 1.50237 8.20644C1.48802 8.49008 
1.49642 8.7744 1.5275 9.0567C1.55782 9.33971 1.61053 9.61989 1.68513 
9.8946C1.72429 10.0328 1.77004 10.1691 1.82223 10.3029C1.8485 10.3705 
1.87722 10.4376 1.90906 10.5047C1.9248 10.538 1.94191 10.5706 1.95947 
10.6047C1.99835 10.6727 2.00545 10.686 2.02179 10.7102L2.09527 
10.7777C2.14315 10.8023 2.18279 10.821 2.2261 10.8415L2.35265 
10.8982C2.3761 10.9078 2.39809 10.9172 2.422 10.9268C1.84728 11.4574 
1.22314 12.1468 0.682638 12.9987L0 14.074L0.958275 13.2341C0.974542 
13.2199 1.77808 12.5252 3.11815 11.7383L3.13694 11.8921C3.04926 11.9376 
2.6279 12.1584 2.50265 12.2631C2.29506 12.4352 2.28498 12.7024 2.34058 
13.2008C2.36907 13.4563 2.465 13.9522 2.59438 14.407C2.81724 15.1894 
2.9806 15.3278 3.12403 15.3602C3.18872 15.3757 3.2722 15.3828 3.36614 
15.3828C3.62284 15.3828 3.95163 15.3329 4.16617 15.2682C4.41782 16.0497 
4.77426 16.7552 5.20884 17.3743C5.18783 17.38 5.16714 17.3867 5.14613 
17.3927C4.88478 17.2717 3.97088 16.8489 3.6637 16.711L3.02177 
16.4224L3.40143 17.0144C3.42908 17.0571 4.08445 18.0776 4.61945 
18.7654C5.11994 19.4068 5.80517 20.0634 7.0982 20.0634C7.25385 20.0634 
7.41668 20.0534 7.58448 20.0349C7.97002 19.9907 8.25978 19.956 8.48005 
19.9278C9.83738 20.4258 11.3341 20.4565 12.7544 19.919C13.1264 19.7777 
13.4841 19.6013 13.8225 19.3922C14.3701 19.2609 14.9692 19.1184 15.265 


19.0353C15.3125 19.0225 15.3719 19.0084 15.4337 18.9938C15.8459 18.8992 
16.535 18.7395 16.9024 18.0055C17.2726 17.265 17.8764 16.1304 17.8827 
16.1188L18.1651 15.5894L17.6149 15.8282C17.5855 15.8416 16.8885 16.1447 
16.5264 16.3342C16.778 15.7558 16.9263 15.277 16.9779 15.0931C17.1807 
15.1419 17.4813 15.1356 17.7024 15.1356C17.8111 15.1356 17.9229 15.1167 
17.9954 15.0983C18.1392 15.0618 18.2501 14.9665 18.4588 14.1591C18.5803 
13.6898 18.6675 13.1788 18.6914 12.9161C18.7376 12.4049 18.7226 12.131 
18.5137 11.9581C18.4096 11.8722 18.1041 11.7079 17.9488 11.6271C18.0357 
11.5899 18.0783 11.6008 18.0817 11.6018L18.2226 11.0676C18.2723 11.0464 
18.3248 11.0252 18.3846 11.0023C18.4697 10.9684 18.5549 10.9348 18.6401 
10.8981L18.7659 10.8414C18.8097 10.8209 18.8491 10.8023 18.8971 
10.7777L18.9706 10.7101C18.9865 10.6859 18.995 10.6726 19.0047 
10.6542C19.0513 10.5705 19.0677 10.5379 19.0832 10.5047C19.1151 10.4376 
19.1433 10.3704 19.1701 10.3029C19.2222 10.169 19.2679 10.0328 19.3069 
9.89452C19.3817 9.61983 19.4344 9.33965 19.4648 9.05662C19.4965 8.77442 
19.5036 8.49017 19.4894 8.20637C19.4825 8.06467 19.4689 7.92339 19.4485 
7.78299V7.78307Z" fill="#0EOFOD"></path><path d="M11.3849 
18.7821C11.281 18.7977 11.1771 18.8104 11.0745 18.8186C11.0077 18.8219 
10.9376 18.8285 10.8736 18.8285L10.8498 18.8291C10.93 18.6507 10.9909 
18.5118 11.0368 18.4067C11.1308 18.5118 11.2502 18.6417 11.3849 
18.7821Z" fill="4E1C5A2"></path><path d="M11.2589 10.8027C11.0965 
10.9343 10.9254 11.0569 10.7472 11.1644L10.153 11.5224C9.78025 11.5679 
9.45673 11.6599 9.43825 11.6655C9.4274 11.6678 9.41717 11.6729 9.40754 
11.6787C9.37811 11.6961 9.35619 11.7238 9.34606 11.7564L8.74079 
13.7478L5.50578 14.4662L4.48656 13.7535L4.19023 11.3556C4.76907 11.2494 
5.54283 11.1269 6.47231 11.0227C6.37101 11.1436 6.27494 11.2687 6.18437 
11.3978L5.63104 12.191L6.43687 11.6545C6.44909 11.6462 6.96187 11.309 
7.80123 10.8989C8.71559 10.8304 9.63219 10.7961 10.5491 10.7959C10.7905 
10.7959 11.0268 10.7988 11.2589 10.8028V10.8027ZM6.22348 
13.5042C6.45337 13.3801 6.71304 13.3983 7.11958 13.3992C7.16289 13.4 
7.20802 13.3995 7.25477 13.3983C7.29486 13.3983 7.33496 13.3975 7.3775 
13.3963C7.79649 13.3921 8.14453 13.4317 8.13819 12.7753C8.13201 12.1189 
7.8398 11.588 7.42111 11.5921C7.00258 11.5958 6.59733 12.1338 6.62238 
12.79C6.62903 12.9608 6.65446 13.0843 6.69463 13.173C6.32979 13.2646 
6.22875 13.49 6.2234 13.5042H6.22348ZM16.8658 11.3477L16.5746 
13.3866L15.5471 14.1053L12.3163 13.7385L11.7135 11.7563C11.7069 11.7347 
11.695 11.715 11.6789 11.6992C11.6628 11.6833 11.6429 11.6717 11.6212 
11.6655C11.6013 11.6594 11.2014 11.5453 10.7773 11.5086L10.8549 
11.5035C10.9217 11.4985 12.0359 11.3623 13.3667 10.9044C14.84 11.0172 
16.0435 11.1978 16.8659 11.3477H16.8658ZM14.8017 13.235C14.7975 
13.2191 14.7088 12.9554 14.3199 13.0017C14.3645 12.9041 14.3847 12.7724 
14.3705 12.5916C14.3192 11.9364 13.9372 11.4157 13.519 11.4305C13.1003 
11.445 12.8325 11.9881 12.8556 12.6454C12.8787 13.3012 13.2296 13.2967 
13.6483 13.2818C14.2105 13.2711 14.5192 13.0987 14.8017 13.235V13.235Z" 
fill="#A89983"></path><path d="M13.6963 12.0554C13.6973 12.112 13.6758 
12.1667 13.6364 12.2075C13.5971 12.2483 13.5431 12.2718 13.4864 
12.2729C13.4583 12.2734 13.4304 12.2683 13.4043 12.2581C13.3782 12.2478 
13.3544 12.2325 13.3342 12.213C13.314 12.1935 13.2978 12.1703 13.2866 
12.1445C13.2754 12.1188 13.2694 12.0912 13.269 12.0631C13.2684 12.0351 
13.2734 12.0072 13.2836 11.9812C13.2939 11.9551 13.3092 11.9312 13.3286 
11.911C13.3481 11.8908 13.3714 11.8747 13.3971 11.8635C13.4228 11.8523 
13.4505 11.8463 13.4786 11.8458C13.5067 11.8451 13.5346 11.8501 13.5608 
11.8603C13.587 11.8705 13.6109 11.8858 13.6312 11.9053C13.6514 11.9248 
13.6676 11.9481 13.6788 11.9739C13.6899 11.9997 13.6959 12.0274 13.6963 


12.0555M7.69958 12.2125C7.70099 12.2691 7.67991 12.3239 7.64093 
12.3649C7.60196 12.4059 7.54829 12.4299 7.49168 12.4314C7.46353 12.4323 
7.43549 12.4276 7.40917 12.4176C7.38284 12.4075 7.35876 12.3924 7.33829 
12.3731C7.31783 12.3538 7.30139 12.3306 7.28991 12.3049C7.27843 12.2793 
7.27215 12.2516 7.27142 12.2234C7.27069 12.1954 7.27551 12.1674 7.28561 
12.1412C7.2957 12.115 7.31088 12.0911 7.33026 12.0708C7.34965 12.0504 
7.37286 12.0341 7.39856 12.0227C7.42427 12.0114 7.45197 12.0052 7.48008 
12.0045C7.53679 12.0031 7.59177 12.0242 7.63293 12.0632C7.67409 12.1022 
7.69806 12.1559 7.69958 12.2125" fill="white"></path><path d="M18.2761 
12.2443C18.2256 12.2026 18.0569 12.1064 17.8925 12.0176L17.6217 
13.9129C17.6189 13.9312 17.6124 13.9487 17.6026 13.9644C17.5928 13.9801 
17.58 13.9937 17.5649 14.0044L17.1775 14.275C17.1683 14.3208 17.1611 
14.359 17.1542 14.3948C17.5349 14.4883 17.9046 14.2142 18.1122 
14.0165C18.2082 13.643 18.2918 13.1998 18.3207 12.8825C18.3649 12.3907 
18.3258 12.2851 18.2761 12.2443M12.2927 19.4447C12.0413 19.3554 11.8109 
19.2098 11.6103 19.0118C11.5936 18.9948 11.5777 18.9784 11.5609 
18.9617C11.404 18.9937 11.2453 19.0165 11.0856 19.0299C11.0175 19.033 
10.9525 19.0388 10.8815 19.0388L10.7764 19.0397L10.7359 19.0388C10.4957 
19.3951 10.0918 19.591 9.77529 19.6952C10.7155 19.8563 11.75 19.6098 
12.2927 19.4447M4.01617 14.803C4.00777 14.7744 3.99891 14.7461 3.99074 
14.7175L3.48743 14.3656C3.47191 14.3547 3.45885 14.3406 3.44908 
14.3243C3.43931 14.3081 3.43304 14.2899 3.43068 14.2711L3.18529 
12.2809C3.00367 12.3777 2.79371 12.4972 2.73788 12.5439C2.68931 12.584 
2.65227 12.686 2.70474 13.1602C2.74461 13.5167 2.87001 14.0644 2.99809 
14.4748C3.25296 14.6696 3.62834 14.8747 4.01617 14.803M11.5404 
14.7122C11.514 14.7092 11.4892 14.6985 11.4688 14.6815C11.4485 14.6646 
11.4336 14.642 11.426 14.6166L10.8049 12.5727C10.7007 12.5591 10.6083 
12.5515 10.5303 12.5515C10.4519 12.5515 10.3599 12.5591 10.2559 
12.5727L9.65217 14.5578C9.64511 14.5807 9.63212 14.6013 9.6145 
14.6175C9.59689 14.6338 9.57529 14.6451 9.55189 14.6503L9.26319 
14.7145C9.23876 14.8163 9.15566 14.9657 8.88797 15.0476C8.45599 15.1792 
5.72139 15.9932 5.40955 15.9489C5.22747 15.9234 4.88104 15.7325 4.6248 
15.5782C4.52223 15.3371 4.46548 15.1732 4.4525 15.1343V15.1335L4.45173 
15.1343C4.48801 15.2401 4.84484 16.2659 5.56986 17.2692C6.34713 17.0405 
7.01846 16.8272 7.23315 16.7594C7.67032 16.0861 8.29323 15.4181 8.7356 
15.3953C8.81354 15.3913 8.89157 15.3893 8.96961 15.3892C9.18636 15.3892 
9.39326 15.4045 9.58534 15.4272C9.42221 15.2793 9.38876 15.1064 9.36508 
15.0296C9.36508 15.0296 9.93002 15.4709 10.6486 15.3781C11.3684 15.2861 
11.8149 14.8722 11.8149 14.8722L11.829 14.7449L11.5403 14.7122" 

fill" xE1C5A2"» «/path» «path d="M12.1245 14.9711C11.9754 14.9326 
11.8816 14.8712 11.8221 14.8071L11.8147 14.8724C11.8147 14.8724 11.8123 
15.1741 11.4993 15.4078C12.102 15.2255 12.3512 15.1637 12.5219 
15.1637C12.7098 15.1637 12.8026 15.242 12.8841 15.3108C12.8996 15.3236 
12.915 15.3371 12.9335 15.3515C13.3289 15.6625 13.7235 15.9747 14.117 
16.2881C14.3057 16.3099 14.9045 16.3783 15.2815 16.4126C15.4984 16.4328 
15.695 16.4491 15.8875 16.4491C15.9492 16.4491 16.0076 16.447 16.0628 
16.4433C16.2615 16.0631 16.4445 15.6427 16.6073 15.1792C16.3845 15.3353 
15.8766 15.677 15.6387 15.721C15.3292 15.7789 12.561 15.0841 12.1245 
14.9711" fill" xE1C5A2"» «/path» «path d="M19.0902 7.82307C19.0848 
7.75717 19.078 7.6926 19.0698 7.62759C19.0643 7.58115 19.0574 7.53488 
19.0491 7.48886C18.8743 7.34204 18.6755 7.21123 18.4686 7.09286C18.2446 
6.96153 18.0101 6.84476 17.7706 6.73607C17.5332 6.62396 17.2888 6.52259 
17.0436 6.42382C16.9209 6.37384 16.7974 6.32591 16.6732 6.28005C16.5494 
6.23178 16.4247 6.18678 16.2995 6.14124C16.562 6.18479 16.8223 6.24474 


17.0808 6.31102C17.2489 6.35388 17.4159 6.40262 17.5818 6.45479C16.4006 
3.37295 13.5781 1.36621 10.4959 1.36621C7.41332 1.36621 4.59089 3.37303 
3.41059 6.45479C3.57633 6.40262 3.74374 6.35388 3.91108 6.31102C4.16922 
6.24467 4.42981 6.18479 4.69277 6.14132C4.56676 6.18678 4.44226 6.23178 
4.31793 6.28013C4.19393 6.32613 4.07064 6.37403 3.94812 6.42382C3.70273 
6.52259 3.45886 6.62396 3.22065 6.73607C2.98198 6.84476 2.74751 6.96153 
2.52319 7.09286C2.31629 7.21123 2.11795 7.34204 1.94275 7.48886C1.93509 
7.53498 1.92822 7.58123 1.92212 7.62759C1.91422 7.69264 1.90732 7.75781 
1.90143 7.82307C1.89059 7.95454 1.88499 8.08639 1.88462 8.2183C1.8818 
8.48243 1.89975 8.74662 1.93305 9.0077C1.9694 9.26984 2.01744 9.53022 
2.08855 9.78214C2.123 9.90743 2.16337 10.031 2.20952 10.1525C2.23282 
10.2125 2.25794 10.2721 2.28422 10.3294C2.29712 10.3581 2.31049 10.3864 
2.32439 10.4135L2.34135 10.4455C2.36067 10.4552 2.38106 10.4655 2.40015 
10.4747L2.51747 10.5307C2.583 10.5607 2.67373 10.6036 2.74865 
10.6371C2.75285 10.6332 2.75705 10.6294 2.76041 10.6258L2.54259 
9.79709C2.58888 9.78466 3.00252 9.67788 3.7154 9.54204C3.65764 9.5313 
3.60017 9.51909 3.54303 9.50543C3.38073 9.46486 3.2205 9.41574 3.06507 
9.3532C2.98824 9.32063 2.9124 9.28532 2.84015 9.24444C2.76798 9.2028 
2.69702 9.15604 2.6418 9.09358C3.42488 9.34908 5.04349 9.23361 6.48239 
9.08488C7.79794 8.94935 9.11747 8.86187 10.4433 8.85889C11.7687 8.86187 
13.0887 8.94935 14.4036 9.08488C15.8431 9.23361 17.4616 9.34908 18.2446 
9.09358C18.19 9.15612 18.1186 9.2028 18.0471 9.24444C17.9742 9.28524 
17.8982 9.32071 17.8214 9.3532C17.6661 9.41574 17.5065 9.46486 17.344 
9.50543C17.3198 9.51115 17.2955 9.51619 17.2714 9.5216C18.0535 9.66636 
18.5085 9.7842 18.5568 9.79701L18.3486 10.5864C18.3909 10.5681 18.4334 
10.5498 18.4741 10.5306L18.5918 10.4747C18.6111 10.4654 18.6312 10.4551 
18.6511 10.4455L18.6669 10.4134C18.6811 10.3864 18.6949 10.358 18.7077 
10.3293C18.7341 10.2721 18.7592 10.2125 18.7821 10.1524C18.8281 10.0309 
18.8685 9.9073 18.9032 9.78207C18.9745 9.53015 19.0225 9.26968 19.0583 
9.00762C19.0923 8.74655 19.1103 8.48235 19.1078 8.21823C19.1074 8.08632 
19.1016 7.95449 19.0903 7.82307" fill<" *EOD896"» «/path» «path 
d="M13.7388 6.2899C13.7509 6.64242 13.7423 7.28217 13.5777 
7.88074C13.571 7.90362 13.572 7.92749 13.5777 7.94961C13.3685 7.92774 
13.159 7.90842 12.9493 7.89164C13.1842 7.3997 13.2355 6.87588 13.247 
6.69123C13.4275 6.56333 13.6071 6.40949 13.7388 6.2899M7.74548 
6.69123C7.7564 6.8758 7.80772 7.39841 8.04257 7.89042C7.83308 7.90697 
7.62358 7.92619 7.41454 7.94839C7.42019 7.92719 7.42065 7.90369 7.41454 
7.88081C7.25034 7.28316 7.24163 6.64341 7.25293 6.28998C7.38529 6.40949 
7.56439 6.56333 7.74548 6.69123ZM16.3117 8.43797C16.3106 8.44391 
16.3092 8.44977 16.3073 8.45551C16.3303 8.46214 16.3528 8.46886 16.3758 
8.47633C16.5695 8.53971 16.7634 8.60599 16.9486 8.69141C16.6395 8.49082 
16.4434 7.91216 16.3341 7.46979C16.3642 8.04884 16.3145 8.41608 16.3117 
8.43797ZM6.99517 6.17862L4.99537 6.7466C4.87562 7.52341 4.91212 8.11664 
4.93137 8.32249L4.94153 8.31639C4.94153 8.31639 5.00667 7.47025 5.13949 
7.14549C5.20792 6.97877 5.62653 6.87245 5.94563 6.79626C6.26548 6.72044 
6.77544 6.56836 6.87442 7.01675C6.93552 7.29384 7.01969 7.52425 7.10034 
7.69418C6.97187 7.07815 6.98005 6.47577 6.99517 6.17862M13.9964 
6.17862C14.0128 6.48736 14.0204 7.12551 13.8754 7.76618C13.9663 7.59213 
14.0672 7.33541 14.1375 7.01675C14.2363 6.56836 14.7463 6.72044 15.0661 
6.79633C15.3859 6.87253 15.8039 6.97877 15.8724 7.14549C15.9851 7.42037 
16.0488 8.06836 16.0656 8.26117C16.0846 8.01337 16.1057 7.45645 15.9967 
6.74653L13.9964 6.17862M7.72959 6.35153C7.80001 6.40799 7.87262 6.46167 
7.94726 6.51245C7.98216 6.53671 8.00355 6.57622 8.00431 6.61877C8.00477 
6.62541 8.01974 7.28339 8.31103 7.84367C8.31523 7.85206 8.31821 7.86121 


8.32104 7.86991C9.04522 7.82071 9.77155 7.80081 10.496 7.80035C11.221 
7.80081 11.9469 7.82209 12.6707 7.87159C12.6736 7.86205 12.6762 7.85282 
12.6813 7.84367C12.9722 7.28339 12.9878 6.62541 12.9878 6.61877C12.9883 
6.59777 12.9938 6.57718 13.0038 6.5587C13.0138 6.54022 13.028 6.52437 
13.0454 6.51245C13.1171 6.46336 13.187 6.41153 13.2548 6.35709L13.2639 
6.33147C13.4153 4.85969 13.1376 3.50338 12.9611 2.83327C12.9518 3.2915 
12.843 7.21772 11.8674 7.21772H9.1746C8.13858 7.21772 8.05525 2.79102 
8.05525 2.79102L8.00187 2.94821C7.82513 3.65409 7.58249 4.95151 7.72951 
6.35153M4.6846 8.45513C4.68369 8.44941 4.68208 8.44384 4.68078 
8.43797C4.67758 8.41608 4.62763 8.04838 4.65772 7.4688C4.54835 7.91147 
4.35176 8.49113 4.04214 8.69164C4.22735 8.60584 4.4221 8.5394 4.61609 
8.47595C4.6387 8.46885 4.66192 8.46214 4.6846 8.45513" 
fill="#D7C184"></path><path d="M17.1543 14.3945C17.1379 14.4817 
17.1188 14.5683 17.097 14.6543C17.3191 14.706 17.6822 14.7461 17.8558 
14.7122C17.9301 14.6316 18.0261 14.352 18.1123 14.0161C17.9047 14.214 
17.5349 14.4881 17.1543 14.3944M9.19583 19.8229C9.72625 19.968 10.2681 
20.0309 10.8018 19.9956C11.3374 19.9592 12.0326 19.8438 12.7706 
19.5446C12.6075 19.5328 12.4468 19.4991 12.2927 19.4445C11.75 19.6097 
10.7155 19.8562 9.77536 19.6951C9.52638 19.7769 9.33132 19.8023 9.3123 
19.8047C9.27305 19.8092 9.24051 19.8146 9.19583 19.823M4.05122 
14.9215C4.039 14.8821 4.02778 14.8423 4.01609 14.8028C3.62826 14.8745 
3.25288 14.6693 2.99825 14.4747C3.08073 14.7382 3.1639 14.9452 3.22615 
15.0082C3.41823 15.0417 3.8431 14.9828 4.05122 14.9215M4.62472 
15.578C4.88088 15.7323 5.22732 15.9232 5.40947 15.9486C5.72131 15.9929 
8.45591 15.1789 8.88789 15.0474C9.15551 14.9654 9.23875 14.816 9.26319 
14.7142L5.31798 15.5915C5.30822 15.5933 5.29834 15.5943 5.28842 
15.5944H5.28796C5.26077 15.5944 5.23351 15.5861 5.21029 15.57L5.05662 
15.4629L4.59578 15.1406V15.1399L4.4098 15.0102C4.41301 15.0207 4.41683 
15.0312 4.42027 15.0416C4.43081 15.0721 4.44119 15.1031 4.45235 
15.1332V15.1339C4.46533 15.1728 4.52208 15.3368 4.62465 
15.5778M16.7266 14.8211C16.7518 14.7281 16.7766 14.6339 16.7991 
14.5388L16.6622 14.6349L16.2935 14.8927L15.8947 15.1718C15.8743 15.1859 
15.8504 15.1944 15.826 15.1962C15.8179 15.1968 15.8098 15.1966 15.8017 
15.1957L11.829 14.7446L11.8223 14.8065C11.8817 14.8706 11.9756 14.932 
12.1246 14.9706C12.5611 15.0836 15.3292 15.7783 15.6387 15.7203C15.8766 
15.6764 16.3846 15.3347 16.6072 15.1785C16.6092 15.1731 16.6111 15.1679 
16.6128 15.1625C16.6523 15.0492 16.6902 14.9354 16.7266 14.8211" 
fill="#9F8F78"></path><path d="M12.5232 9.47615C12.4919 9.51657 
12.4577 9.56081 12.4208 9.60695C12.2322 9.84507 11.9708 10.1488 11.6613 
10.4468C11.2908 10.4351 10.9201 10.4293 10.5493 10.4293C9.91949 10.4293 
9.31559 10.4458 8.74217 10.4734C9.55273 10.1379 10.5261 9.80998 11.5803 
9.61321C11.8924 9.55381 12.207 9.50805 12.5232 9.47607M7.78137 
9.83836C7.49168 10.0414 7.16533 10.3001 6.84861 10.6143C6.14529 10.6844 
5.44423 10.7756 4.74639 10.8877C5.64364 10.476 6.66783 10.0968 7.78137 
9.83836M17.6915 11.5106L17.3612 13.8152L15.7807 14.9211L11.6588 
14.4531L11.0386 12.4124C11.0313 12.3881 11.0172 12.3664 10.9981 
12.3497C10.979 12.3329 10.9556 12.3219 10.9305 12.3178C10.7779 12.2932 
10.643 12.2812 10.5303 12.2812C10.4172 12.2812 10.2823 12.2932 10.1288 
12.3178C10.1038 12.3221 10.0806 12.3333 10.0615 12.35C10.0425 12.3666 
10.0285 12.3882 10.021 12.4124L9.41595 14.4034L5.31729 15.3141L3.69295 
14.1779L3.37241 11.5913C3.44309 11.552 3.51386 11.5128 3.58473 
11.4738C3.68547 11.4522 3.79858 11.4293 3.92368 11.4056L4.22536 
13.8463C4.22956 13.8842 4.25095 13.918 4.28234 13.9398L5.40008 
14.7218C5.42254 14.7373 5.45011 14.746 5.47707 14.746C5.48707 14.746 


5.4967 14.7446 5.50724 14.7427L8.87705 13.994C8.88866 13.9911 8.89992 
13.987 8.91065 13.9817C8.94166 13.9649 8.96656 13.9365 8.97672 
13.9012L9.58397 11.906C9.74673 11.8644 10.1638 11.7668 10.5302 
11.7668C10.8959 11.7668 11.3128 11.8644 11.476 11.906L12.0829 
13.9012C12.0984 13.9527 12.1437 13.9904 12.1971 13.9965L15.5676 
14.3789C15.5999 14.3827 15.6332 14.3737 15.66 14.355L16.7781 
13.5744C16.8082 13.5527 16.8289 13.519 16.8341 13.4823L17.1326 
11.3967C17.3566 11.4396 17.544 11.4788 17.6915 11.5106M18.1076 
10.065L17.8173 11.1642C17.224 11.0334 15.9209 10.7769 14.1471 
10.6043C14.7264 10.3576 15.3166 10.0485 15.8559 9.66118C16.9114 9.81006 
17.6863 9.96992 18.1076 10.065M2.99206 10.065L3.07271 10.3693C3.26938 
10.2129 3.47179 10.0638 3.67951 9.92225C3.39532 9.97671 3.16352 10.0263 
2.99206 10.065Z" fill="#6E6A67"></path><path d="M14.3725 
9.45258C13.9283 9.42741 13.4844 9.4062 13.0399 9.38782C12.9902 9.46106 
12.9391 9.53335 12.8867 9.60466C12.6486 9.92636 12.1792 10.5129 11.5774 
11.0161C12.0302 10.8729 13.8262 10.2712 14.7359 9.47492C14.6148 9.46705 
14.4937 9.45961 14.3725 9.45258M11.1176 9.33542L11.1194 9.33497C10.8941 
9.33207 10.6686 9.32963 10.4437 9.32879H10.4433C10.1119 9.3297 9.78133 
9.3339 9.44994 9.33962L8.83894 9.62883C8.8357 9.6301 8.83267 9.63182 
8.82992 9.63395C8.73797 9.67849 7.93588 10.0827 7.18069 10.8038C7.24675 
10.7691 7.31679 10.7331 7.38896 10.6965C7.802 10.4194 8.90355 9.76307 
10.6165 9.33054C10.7835 9.33154 10.9506 9.33253 11.1175 9.33542M7.36292 
9.4091C7.08002 9.42214 6.79698 9.43664 6.51439 9.45258C6.18659 9.47088 
5.85986 9.493 5.53336 9.51756C5.37053 9.53007 5.20747 9.54395 5.04601 
9.56088C4.99912 9.56546 4.95329 9.57049 4.90739 9.57636C4.48076 9.83103 
2.84802 10.8546 1.72623 12.1943C1.74555 12.171 1.76548 12.148 1.78526 
12.1251C3.86212 10.3556 6.13909 9.66689 7.36292 9.4091M16.7588 
16.6857L16.7214 16.7049C16.5131 16.8143 16.2402 16.8678 15.8875 
16.8678C15.6775 16.8678 15.4716 16.8502 15.2434 16.8296C14.7878 16.788 
14.0164 16.6974 14.0085 16.6959L13.9496 16.6898L13.9029 16.6522C13.8958 
16.6475 13.2204 16.1095 12.6743 15.6808C12.652 15.6628 12.632 15.6457 
12.6137 15.6312C12.5561 15.582 12.5561 15.582 12.5217 15.582C12.3465 
15.582 11.8373 15.7399 10.7221 16.0849L10.6537 16.1067L10.5859 
16.081C10.5783 16.0791 9.84678 15.8082 8.96984 15.8082C8.89805 15.8082 
8.82641 15.81 8.75676 15.8134C8.669 15.8179 8.17616 16.0518 7.54545 
17.0475L7.50505 17.1117L7.43249 17.1349C7.42196 17.1383 6.33697 17.4879 
5.18616 17.8166L5.11192 17.8375L5.04089 17.8048C5.03349 17.8023 4.5841 
17.5936 4.15579 17.3975C4.18733 17.4122 4.2191 17.4265 4.25072 
17.4412C4.67353 17.8056 5.48318 18.5065 5.57307 18.6036C5.58552 18.6176 
5.60286 18.6346 5.62348 18.654C5.60264 18.6303 5.58232 18.6062 5.56253 
18.5816L5.56177 18.5809L5.56185 18.5809C5.74835 18.7575 5.95655 18.9101 
6.184 19.0175C6.29749 19.0707 6.41648 19.112 6.53746 19.1321C6.59848 
19.142 6.65767 19.147 6.71946 19.147C6.78201 19.147 6.84594 19.1452 
6.90979 19.1421C7.16274 19.1291 7.41806 19.1097 7.67277 19.0851C7.9271 
19.0622 8.18166 19.0368 8.43575 19.006C8.68955 18.9787 8.94334 18.9468 
9.19492 18.9078C9.32094 18.8895 9.44619 18.8687 9.56855 18.8416C9.62865 
18.8274 9.69128 18.8118 9.73886 18.7905C9.78232 18.7697 9.83494 18.728 
9.88122 18.6883C9.97593 18.6069 10.0673 18.5166 10.1579 18.4266C10.2486 
18.336 10.3378 18.2439 10.4255 18.1502C10.5745 17.9944 10.7022 17.8289 
10.8464 17.6685C10.8649 17.6485 10.8838 17.6273 10.903 17.6067C10.903 
17.6071 10.903 17.6071 10.9033 17.6071L10.905 17.609C10.935 17.6306 
10.9651 17.6525 10.9945 17.6755C11.1681 17.8048 11.3473 17.9448 11.5202 
18.0656C11.7432 18.222 11.9689 18.3788 12.2023 18.5092C12.2606 18.5416 
12.3209 18.5719 12.3784 18.5909C12.3859 18.5936 12.3921 18.5949 12.3978 


18.5957C12.4021 18.5983 12.4175 18.6008 12.4192 18.6008C12.4306 18.6025 
12.4458 18.6032 12.4605 18.6042C12.4919 18.6046 12.5245 18.6032 12.5571 
18.6017C12.6888 18.5925 12.8223 18.5734 12.9561 18.5525C13.223 18.5109 
13.4907 18.463 13.7568 18.4097C14.0235 18.3588 14.2899 18.3042 14.5546 
18.2454C14.8203 18.1889 15.0849 18.1274 15.3483 18.0609C15.479 18.0258 
15.6098 17.9934 15.7264 17.9375C15.8456 17.8821 15.9561 17.8061 16.0579 
17.719C16.2633 17.5443 16.436 17.3277 16.5795 17.0918L16.5791 
17.0925C16.6496 16.9619 16.7097 16.8258 16.7588 16.6857M11.7802 
4.15281H12.2498V3.2002H8.81602V4.15281H9.28573V3.66903H10.2567V6.61 
114H9.85694V7.15723H11.2088V6.61114H10.8089V3.66903H11.7802V4.15281 
" fill="#93232C"></path><path d="M15.3332 9.5172C15.3323 9.51668 
15.3314 9.51639 15.3304 9.51636C15.136 9.50176 14.9415 9.48821 14.7469 
9.47571L14.7358 9.47502C13.826 10.2713 12.0301 10.873 11.5773 
11.0162C11.5685 11.0237 11.5599 11.0312 11.5511 11.0385C12.134 10.9337 
13.0046 10.7259 13.9083 10.3263C14.3527 10.1299 14.8051 9.88726 15.2354 
9.58729C15.2686 9.56426 15.3009 9.54016 15.3332 9.5172M10.6165 
9.33057C8.90355 9.76302 7.802 10.4193 7.38889 10.6965C7.77028 10.5027 
8.15874 10.3231 8.55345 10.158C8.60107 10.1382 8.64875 10.1186 8.6965 
10.0991C8.71147 10.093 8.72628 10.0869 8.74133 10.0809C8.78097 10.0649 
8.82107 10.0491 8.86132 10.033C8.88377 10.0243 8.90592 10.0155 8.92852 
10.0068C8.96473 9.99259 9.00131 9.97856 9.03812 9.96445C9.06569 9.954 
9.09327 9.94347 9.12114 9.93317C9.1549 9.92021 9.18889 9.90755 9.22318 
9.89504C9.25518 9.88322 9.28764 9.87155 9.31979 9.85996C9.35156 9.84836 
9.38311 9.83707 9.41511 9.82563C9.45154 9.81282 9.48828 9.80016 9.52524 
9.78727C9.55442 9.77728 9.58344 9.76714 9.61277 9.75714C9.65599 9.74265 
9.69953 9.72816 9.74329 9.71382C9.76735 9.70589 9.79118 9.69796 9.81531 
9.6901C9.88374 9.66798 9.95294 9.64602 10.0226 9.62474C10.1746 9.57814 
10.3298 9.53367 10.4877 9.49089C10.6964 9.43405 10.9064 9.38222 11.1176 
9.33545C10.9506 9.33263 10.7835 9.33163 10.6165 9.33057M7.36292 
9.4092C6.13909 9.66699 3.86212 10.3557 1.78526 12.1252C1.76548 12.1481 
1.74555 12.171 1.72623 12.1943C2.78196 11.4614 4.59662 10.372 6.84006 
9.70917C6.91238 9.68781 6.9854 9.66699 7.05856 9.6464C7.43779 9.54025 
7.82121 9.44962 8.20785 9.37473C7.92641 9.38472 7.64466 9.39639 7.36292 
9.4092M17.1631 16.4904C17.1416 16.5003 17.1202 16.5102 17.0988 
16.5204C17.0871 16.5257 17.0759 16.5311 17.0641 16.5364L17.0363 
16.5496L16.9939 16.5698C16.9881 16.5728 16.9819 16.5755 16.9758 
16.5786C16.9597 16.5863 16.9438 16.5937 16.9283 16.6014L16.9178 
16.6066C16.9008 16.615 16.8838 16.6231 16.8674 16.6313L16.8621 
16.6338C16.8256 16.6518 16.7911 16.6692 16.7588 16.6857C16.7095 16.8259 
16.6493 16.9621 16.5786 17.0929L16.5794 17.0919C16.579 17.0924 16.5786 
17.0927 16.5784 17.0934C16.4351 17.3283 16.2626 17.5443 16.0577 
17.7188C15.9558 17.8059 15.8452 17.8819 15.7263 17.9372C15.6094 17.9932 
15.4787 18.0255 15.3481 18.0607C15.0853 18.1268 14.8205 18.1889 14.5543 
18.2451C14.2892 18.3038 14.0233 18.3586 13.7566 18.4094C13.4904 18.4629 
13.2229 18.5108 12.9557 18.5523C12.8221 18.5732 12.6886 18.5923 12.5568 
18.6014C12.5247 18.6032 12.4925 18.6041 12.4603 18.6039C12.4465 18.6033 
12.4327 18.6022 12.4189 18.6005C12.4117 18.5998 12.4045 18.5982 12.3977 
18.5955C12.391 18.5947 12.3844 18.593 12.3781 18.5906C12.3205 18.5718 
12.2605 18.5412 12.2021 18.509C11.9687 18.3784 11.7429 18.2218 11.5199 
18.0654C11.3473 17.9445 11.1677 17.8045 10.9942 17.6753L10.979 
17.6967L10.9801 17.6978C10.9909 17.7076 11.0018 17.7166 11.0126 
17.7261L11.0118 17.7256C11.0039 17.7196 10.9963 17.7139 10.9889 
17.7085L11.1344 17.8818C11.1348 17.8823 11.1403 17.889 11.151 
17.9015C11.2253 17.9886 11.536 18.3485 11.9049 18.714C12.1857 18.992 


12.5245 19.1324 12.9132 19.1324C13.0458 19.1324 13.1853 19.115 13.3262 
19.0815C13.4565 19.0496 13.5983 19.0159 13.7436 18.9808C14.1744 18.8784 
14.6517 18.7642 14.9685 18.6821C14.9896 18.6765 15.0101 18.6713 15.0298 
18.666C15.0746 18.6542 15.1153 18.6434 15.1516 18.6333C15.2135 18.6162 
15.2759 18.6008 15.3387 18.5871C15.7229 18.4981 16.2484 18.3764 16.5266 
17.8194C16.61 17.6533 16.6943 17.4877 16.7794 17.3224C16.9188 17.052 
17.0592 16.7822 17.2008 16.513C17.2008 16.5128 17.201 16.5128 17.201 
16.5128L17.2286 16.46L17.1631 16.4904M10.8714 17.692L10.8464 
17.6683C10.7021 17.8288 10.5743 17.9943 10.4255 18.1502C10.3378 18.2438 
10.2486 18.3359 10.1579 18.4265C10.0673 18.5165 9.97585 18.607 9.88122 
18.6881C9.83487 18.7279 9.78224 18.7697 9.73886 18.7903C9.69136 18.8117 
9.62865 18.8274 9.56855 18.8415C9.44635 18.8687 9.32094 18.8894 9.19492 
18.9078C8.94342 18.9467 8.68955 18.9788 8.43575 19.0059C8.18166 19.0367 
7.9271 19.0622 7.67277 19.085C7.41814 19.1096 7.16274 19.129 6.90979 
19.1421C6.84594 19.145 6.78201 19.147 6.71946 19.147C6.65767 19.147 
6.59833 19.1421 6.53746 19.1319C6.4164 19.112 6.29741 19.0706 6.184 
19.0175C5.95663 18.9101 5.74843 18.7574 5.56185 18.5809L5.56253 
18.5815C5.58774 18.6125 5.61546 18.6415 5.64196 18.671C5.63555 18.6652 
5.62944 18.6593 5.62348 18.6538C5.60286 18.6345 5.58552 18.6174 5.573 
18.6035C5.48303 18.5062 4.6733 17.8055 4.25064 17.441C4.21902 17.4263 
4.18725 17.4121 4.15571 17.3973C4.23564 17.5156 4.31635 17.6333 4.39782 
17.7505C4.52241 17.9302 4.64969 18.108 4.77962 18.2838C4.83558 18.3594 
4.8924 18.4343 4.95008 18.5085C5.40963 19.0991 5.98809 19.6448 7.0982 
19.6448C7.2372 19.6448 7.38514 19.6362 7.53698 19.6191C7.57234 19.6153 
7.60671 19.6113 7.64054 19.6073C7.67308 19.6036 7.70508 19.6 7.73608 
19.5963C8.70139 19.4855 8.96618 19.4382 9.11312 19.4129C9.15116 19.4064 
9.18362 19.4006 9.21875 19.3955C9.23242 19.3935 9.2464 19.3913 9.26121 
19.3893C9.26656 19.3889 9.59299 19.347 9.91208 19.192C10.132 19.0853 
10.3483 18.925 10.4541 18.688C10.7213 18.0912 10.7756 17.9486 10.7777 
17.9433L10.8714 17.692" fill="#731B2A"></path><path d="M13.4864 
12.2727C13.5431 12.2715 13.597 12.248 13.6363 12.2073C13.6756 12.1665 
13.6972 12.1119 13.6963 12.0553C13.6959 12.0272 13.6899 11.9995 13.6787 
11.9737C13.6675 11.9479 13.6513 11.9246 13.6311 11.9051C13.6108 11.8856 
13.5869 11.8703 13.5607 11.8601C13.5345 11.8499 13.5065 11.8449 13.4784 
11.8456C13.4503 11.846 13.4226 11.8521 13.3969 11.8633C13.3711 11.8745 
13.3478 11.8907 13.3284 11.9109C13.3089 11.9311 13.2936 11.9549 13.2834 
11.981C13.2731 12.0072 13.2682 12.035 13.2687 12.0631C13.2698 12.1197 
13.2933 12.1736 13.3341 12.2129C13.3749 12.2522 13.4297 12.2737 13.4864 
12.2727V12.2727ZM14.8017 13.2347C14.5192 13.0984 14.2105 13.2709 
13.6483 13.2814C13.2296 13.2964 12.8787 13.3009 12.8556 12.645C12.8325 
11.9877 13.1003 11.4445 13.5189 11.43C13.9372 11.4154 14.3191 11.9361 
14.3705 12.5912C14.3847 12.772 14.3646 12.9037 14.3199 13.0013C14.7088 
12.955 14.7975 13.2187 14.8017 13.2347V13.2347ZM7.49176 
12.4312C7.54836 12.4296 7.60204 12.4056 7.64101 12.3646C7.67998 12.3236 
7.70106 12.2688 7.69965 12.2123C7.69815 12.1556 7.67418 12.1019 7.63302 
12.0629C7.59187 12.0238 7.53688 12.0027 7.48015 12.0042C7.45208 12.005 
7.42444 12.0112 7.3988 12.0227C7.37316 12.0341 7.35002 12.0504 7.33071 
12.0708C7.3114 12.0912 7.2963 12.1151 7.28626 12.1413C7.27623 12.1675 
7.27145 12.1954 7.27222 12.2234C7.27298 12.2515 7.27926 12.2791 7.29071 
12.3047C7.30215 12.3303 7.31854 12.3534 7.33892 12.3727C7.35931 12.3919 
7.3833 12.407 7.40952 12.417C7.43574 12.4271 7.46369 12.4318 7.49176 
12.4311V12.4312ZM8.13819 12.7749C8.14438 13.4313 7.79634 13.3918 
7.37742 13.3959C7.33488 13.3973 7.29478 13.3978 7.25461 13.3978C7.20795 
13.3991 7.16281 13.3996 7.1195 13.3988C6.71289 13.3978 6.45329 13.3797 


6.22332 13.5037C6.22867 13.4896 6.32979 13.2642 6.69456 13.1723C6.65431 
13.0836 6.62903 12.9602 6.62238 12.7895C6.59725 12.1334 7.00257 11.5954 
7.42111 11.5916C7.83972 11.5875 8.13193 12.1184 8.13819 
12.7749ZM16.0657 8.26132C16.0627 8.30171 16.0589 8.34204 16.0543 
8.38229C15.8884 8.33762 15.7218 8.29591 15.5544 8.2572C15.0015 8.13593 
14.4417 8.04601 13.8792 7.98187C13.8598 7.97935 13.84 7.97806 13.8202 
7.97561C13.824 7.96722 13.8274 7.95891 13.8299 7.9506C13.8468 7.88928 
13.8614 7.82788 13.8754 7.76641C14.0204 7.12574 14.0128 6.48766 13.9964 
6.17885L15.9967 6.74683C16.1057 7.45667 16.0845 8.01352 16.0657 
8.26132ZM13.5778 7.88089C13.571 7.90377 13.572 7.92764 13.5778 
7.94976C13.3685 7.92789 13.159 7.90857 12.9493 7.89179C13.1842 7.39985 
13.2355 6.87603 13.247 6.69138C13.4275 6.56348 13.607 6.40964 13.7388 
6.29005C13.7509 6.64257 13.7423 7.28232 13.5777 
7.88089H13.5778ZM7.41454 7.94846C7.42019 7.92726 7.42065 7.90377 
7.41454 7.88089C7.25033 7.28316 7.24163 6.64348 7.25293 6.29005C7.38521 
6.40964 7.56431 6.56348 7.74547 6.69138C7.75639 6.87595 7.80772 7.39856 
8.04257 7.89057C7.83307 7.90705 7.62365 7.92634 7.41454 
7.94854V7.94846ZM7.11248 7.98141C6.83188 8.01558 6.55097 8.05089 
6.27144 8.09719C5.99267 8.14486 5.71383 8.1955 5.43743 8.25682C5.26978 
8.29572 5.10367 8.33691 4.9374 8.38183C4.93587 8.36871 4.93381 8.3485 
4.93144 8.32249C4.9122 8.11656 4.87569 7.52349 4.99544 6.7466L6.99517 
6.17854C6.98004 6.47577 6.97187 7.07807 7.10041 7.69403C7.11828 7.7796 
7.1386 7.86518 7.16197 7.95029C7.16457 7.95868 7.16793 7.96707 7.17159 
7.97455C7.15151 7.97706 7.13226 7.97882 7.1124 7.98133L7.11248 
7.98141ZM17.1378 8.78789C17.1208 8.77973 17.104 8.77142 17.0879 
8.76348C17.0631 8.75159 17.0357 8.73801 17.0043 8.72275C16.9851 8.71349 
16.9665 8.70304 16.9486 8.69148C16.7635 8.60606 16.5695 8.53986 16.3758 
8.4764C16.3529 8.46893 16.3303 8.46222 16.3074 8.45551C16.3092 8.44978 
16.3107 8.44395 16.3117 8.43804C16.3146 8.41615 16.3643 8.04883 16.3343 
7.46987C16.3216 7.2226 16.2942 6.93674 16.2423 6.62259C16.2382 6.59813 
16.2273 6.57533 16.2108 6.55681C16.1943 6.5383 16.1728 6.52482 16.149 
6.51794L15.8639 6.4374C15.8026 4.23427 14.8942 3.19898 14.8658 
3.16687C15.6772 4.47109 15.6701 6.01777 15.656 6.37822L13.8884 
5.87644C13.8871 5.87644 13.8859 5.87644 13.8842 5.87567C13.8768 5.87404 
13.8692 5.87292 13.8616 5.87232C13.8599 5.87232 13.858 5.87201 13.8551 
5.87201C13.8454 5.87155 13.8357 5.87237 13.8262 5.87445C13.8248 5.87445 
13.8233 5.87575 13.8215 5.87575C13.8135 5.87741 13.8058 5.88005 13.7986 
5.88361C13.7958 5.8849 13.7933 5.88666 13.7908 5.88742C13.7848 5.89146 
13.779 5.89482 13.7732 5.89901C13.7719 5.89993 13.7701 5.90069 13.7689 
5.90191C13.7672 5.90313 13.7666 5.90443 13.7656 5.90527C13.7639 5.90702 
13.7619 5.90817 13.7605 5.90946C13.7588 5.91122 13.7113 5.95774 13.6373 
6.02745C13.6425 5.86233 13.6438 5.60964 13.625 5.30113L13.6193 
5.21213C13.5637 4.43699 13.3803 3.34824 12.832 2.3951C12.8367 2.40882 
12.8909 2.56693 12.961 2.83334C13.1375 3.50345 13.4153 4.85976 13.2639 
6.33154C13.2631 6.33825 13.2626 6.34489 13.2619 6.35168C13.2597 6.35358 
13.2571 6.35534 13.2548 6.35717C13.1869 6.41158 13.117 6.46341 13.0453 
6.51253C13.0279 6.52445 13.0137 6.54029 13.0037 6.55877C12.9936 6.57725 
12.9881 6.59784 12.9876 6.61885C12.9876 6.62548 12.9721 7.28346 12.6813 
7.84374C12.6762 7.8529 12.6735 7.86213 12.6705 7.87166C11.9468 7.82208 
11.2209 7.80096 10.496 7.80042C9.77139 7.80088 9.04514 7.82079 8.32096 
7.86998C8.31805 7.86121 8.31515 7.85206 8.31095 7.84367C8.01966 7.28346 
8.00469 6.62548 8.00423 6.61877C8.00382 6.59781 7.99843 6.57724 7.9885 
6.55877C7.97857 6.5403 7.96438 6.52445 7.9471 6.51253C7.87248 6.46177 
7.79989 6.40808 7.72951 6.3516C7.58241 4.95151 7.82513 3.65416 8.00179 


2.94821C8.08565 2.61308 8.15484 2.4105 8.16034 2.39502C7.36474 3.77749 
7.33717 5.44559 7.35482 6.02738C7.27959 5.95766 7.23292 5.91122 7.2317 
5.90939C7.23032 5.90809 7.22788 5.90694 7.2262 5.90519L7.22337 
5.90176C7.222 5.90061 7.2204 5.89985 7.21872 5.89894C7.21309 5.89499 
7.20722 5.8914 7.20115 5.88818C7.19825 5.88658 7.19611 5.88483 7.19275 
5.88353C7.18603 5.8799 7.1787 5.87749 7.17113 5.87644C7.169 5.87567 
7.16739 5.87438 7.16602 5.87438C7.15638 5.87234 7.14653 5.87152 7.13669 
5.87194C7.13424 5.87194 7.13165 5.87224 7.1292 5.87224C7.12202 5.873 
7.11507 5.87384 7.10759 5.8756C7.10583 5.87636 7.10499 5.87636 7.10331 
5.87636L5.33631 6.37814C5.3221 6.01761 5.31446 4.47093 6.12587 
3.1668C6.09776 3.19906 5.18959 4.23442 5.1278 6.43756L4.84407 
6.51802C4.81995 6.52463 4.79825 6.53802 4.78154 6.5566C4.76483 6.57518 
4.75382 6.59816 4.74982 6.62281C4.70347 6.90297 4.67272 7.18547 4.65772 
7.46903C4.62778 8.04868 4.67757 8.4163 4.68078 8.43819C4.68208 8.44399 
4.68368 8.44963 4.6846 8.45535C4.66199 8.46237 4.6387 8.46908 4.61609 
8.47617C4.4221 8.53963 4.22742 8.60614 4.04221 8.69187C4.02539 8.70269 
4.00795 8.71252 3.98997 8.72131L3.98707 8.72291C3.95553 8.73816 3.92811 
8.75174 3.90336 8.76364L3.8599 8.78484C3.85074 8.79018 3.84127 8.79475 
3.83226 8.80017C3.96339 8.74876 4.09903 8.71124 4.23452 8.67798C4.37026 
8.64425 4.50692 8.61434 4.64435 8.58829C4.91953 8.53719 5.19532 8.4928 
5.47286 8.45909C5.74965 8.42279 6.02757 8.39281 6.30596 8.36955C6.58442 
8.34583 6.86243 8.32241 7.1415 8.30632C8.25757 8.24035 9.37653 8.21953 
10.4959 8.21914C11.6156 8.21991 12.7344 8.23745 13.8503 8.30594C14.1296 
8.32203 14.4075 8.34529 14.6864 8.36886C14.9652 8.39251 15.2422 8.42286 
15.5189 8.45917C15.7965 8.4925 16.0728 8.53666 16.3476 8.58806C16.4849 
8.61391 16.6214 8.6439 16.7569 8.67798C16.8934 8.71131 17.0283 8.74884 
17.1597 8.80024C17.1524 8.79582 17.1449 8.79201 17.1378 
8.78789V8.78789Z" fillz"ZOEOFOD"» «/path» «path d="M10.8089 
3.66867V6.61078H11.2088V7.15688H9.85693V6.61078H10.2567V3.66867H9.2 
8565V4.15253H8.81617V3.19992H12.2498V4.15253H11.7803V3.6686H10.8089 
V3.66867ZM12.6034 
4.50474V2.84717H8.46347V4.50474H9.63911V4.02089H9.90322V6.25788H9.5 
0439V7.50856H11.5619V6.25773H11.1617V4.02073H11.4268V4.50467H12.603 
4V4.50474Z" fill="#0EOFOD"></path></svg> </span> <span 
class="integration-wrapper _list-icon" title="Bamboo"> «svg alt="Bamboo" 
width="20" height="22" viewBox="0 0 20 22" fill="none" 
xmlns="http://www.w3.org/2000/svg"><path d="M18.9023 
12.1563H14.4558C14.1658 12.153 13.9177 12.3639 13.8742 12.6507C13.6216 
14.4577 12.0753 15.8017 10.2507 15.8001L11.4546 21.2994C15.8166 20.7295 
19.1739 17.1667 19.4839 12.7786C19.4952 12.6174 19.439 12.4588 19.3287 
12.3408C19.2184 12.2227 19.0639 12.1559 18.9023 12.1563Z" 
fill="#2684FF"></path><path d="M11.2075 12.0168L17.6053 
6.51756C17.7305 6.40715 17.8022 6.24827 17.8022 6.08134C17.8022 5.91442 
17.7305 5.75554 17.6053 5.64513L11.2075 0.137169C11.0348 -0.0085406 
10.7934 -0.0411109 10.5884 0.0536345C10.3833 0.14838 10.2516 0.3533 
10.2507 0.579201V11.5748C10.2516 11.8007 10.3833 12.0056 10.5884 
12.1003C10.7934 12.1951 11.0348 12.1625 11.2075 12.0168Z" 
fill="#2684FF"></path><path d="M1.08724 13.3573C1.69916 17.9513 
5.61614 21.3835 10.2507 21.3866V15.8001C8.23683 15.8001 6.60292 14.1701 
6.59811 12.1562L1.08724 13.3573Z" 
fillz"url(*paintO linear 618 21192)"» «/path» «path d="M0.999999 
12.069V12.1563H6.59811C6.60292 10.1424 8.23683 8.51241 10.2507 
8.51242L9.04964 3.01318C4.4866 3.60777 1.05551 7.46775 0.999999 12.069Z" 
fillz"url(paintl linear 618 21192)" » «/path» «defs» «linearGradient 


id="paintO linear 618 21192" x1="5.67042" y1="3.08295" x2="5.67042" 
y2="15.6838" gradientUnits="userSpaceOnUse"> <stop stop- 
color="#0052CC"></stop><stop offset="1" 
stop-color="#2684FF"></stop></linearGradient><linearGradient 
id<"paint1 linear 618 21192" x1="5.6268" y1="3.08298" x2="5.6268" 
y2="15.6838" gradientUnits="userSpaceOnUse"> «stop stop- 
color="#0052CC"></stop><stop offset="1" 
stop-color="42684FF"> </stop> </linearGradient> </defs> </svg> </span> 
«span class="integration-wrapper _list-icon" title="Netlify"> <svg alt="Netlify" 
width="20" height="22" viewBox="0 0 20 22" fill="none" 
xmlns="http://www.w3.org/2000/svg"> «path d="M14.4947 7.9557L14.4874 
7.95263C14.4832 7.951 14.479 7.94956 14.4754 7.94581C14.4632 7.93276 
14.4578 7.91479 14.4608 7.89718L14.8644 5.42581L16.7573 7.32196L14.7887 
8.16073C14.7833 8.16296 14.7773 8.16405 14.7714 8.16381H14.7636C14.761 
8.16218 14.7584 8.16013 14.7532 8.15492C14.6799 8.07323 14.5923 8.0057 
14.4947 7.95568L14.4947 7.9557ZM17.2403 7.8051L19.2642 9.83197C19.6846 
10.2535 19.895 10.4637 19.9718 10.7074C19.9833 10.7434 19.9927 10.7795 
20 10.8167L15.1631 8.7652C15.1605 8.7641 15.1579 8.76304 15.1552 
8.76213C15.1359 8.75429 15.1134 8.7454 15.1134 8.72552C15.1134 8.70565 
15.1364 8.69623 15.1557 8.6884L15.162 8.6858L17.2403 7.8051ZM19.9175 
11.4672C19.8131 11.6638 19.6094 11.8677 19.2648 12.2134L16.9828 
14.4981L14.0315 13.8826L14.0158 13.8795C13.9897 13.8753 13.962 13.8706 
13.962 13.8471C13.9394 13.6006 13.8155 13.3747 13.62 13.2232C13.608 
13.2112 13.6111 13.1924 13.6148 13.1751C13.6148 13.1725 13.6148 13.17 
13.6159 13.1678L14.1709 9.75515L14.173 9.74364C14.176 9.71749 14.1808 
9.68716 14.2043 9.68716C14.4446 9.65722 14.6628 9.53194 14.81 
9.33941C14.8147 9.33423 14.8179 9.32843 14.8241 9.32529C14.8408 9.31744 
14.8607 9.32529 14.8779 9.33264L19.917 11.4672L19.9175 11.4672ZM16.4581 
15.0236L12.7057 18.7814L13.348 14.8281L13.349 14.8229C13.3495 14.8177 
13.3506 14.8124 13.3521 14.8077C13.3572 14.7952 13.3709 14.7899 13.3839 
14.7847L13.3902 14.7821C13.5308 14.722 13.6552 14.6293 13.7531 
14.5117C13.7656 14.4971 13.7808 14.483 13.8001 14.4804C13.8051 14.4795 
13.8102 14.4795 13.8152 14.4804L16.4575 15.0242L16.4581 
15.0236ZM11.9114 19.5768L11.4885 20.0004L6.81235 13.2326C6.81066 
13.2301 6.80892 13.2277 6.80717 13.2252C6.7999 13.2153 6.79203 13.2054 
6.79359 13.1939C6.79359 13.1855 6.79937 13.1782 6.80508 13.1719L6.81026 
13.1651C6.82437 13.1442 6.83638 13.1233 6.84943 13.1008L6.85987 
13.0825L6.8615 13.0808C6.86885 13.0683 6.8756 13.0563 6.88812 
13.0495C6.89909 13.0443 6.91424 13.0464 6.92625 13.0489L12.1068 
14.1188C12.1213 14.1211 12.1349 14.127 12.1465 14.1361C12.1533 14.1429 
12.1548 14.1502 12.1564 14.1586C12.2296 14.4361 12.4282 14.6634 12.6932 
14.773C12.7078 14.7804 12.7016 14.7966 12.6948 14.8138C12.6915 14.8214 
12.6888 14.8293 12.687 14.8373C12.6217 15.2348 12.0619 18.6537 11.9116 
19.5767L11.9114 19.5768ZM11.0279 20.4611C10.7162 20.7701 10.5324 
20.9338 10.3245 20.9997C10.1196 21.0646 9.8997 21.0646 9.69479 
20.9997C9.45145 20.9223 9.24101 20.7121 8.82066 20.2906L4.1247 
15.5879L5.3513 13.6828C5.35708 13.6734 5.36279 13.6651 5.37218 
13.6582C5.38523 13.6488 5.40403 13.6531 5.4197 13.6582C5.70124 13.7433 
6.00352 13.728 6.27503 13.6148C6.28913 13.6097 6.30323 13.606 6.31419 
13.6159C6.31973 13.6208 6.32458 13.6265 6.32881 13.6326L11.0279 
20.4616L11.0279 20.4611ZM3.67197 15.1345L2.59471 14.0557L4.72207 
13.1468C4.72749 13.1444 4.73337 13.1432 4.7393 13.1432C4.75705 13.1432 
4.7675 13.1609 4.7769 13.1771C4.79828 13.2101 4.82092 13.2422 4.84479 
13.2734L4.85159 13.2817C4.85787 13.2906 4.85363 13.2995 4.84738 


13.3079L3.67247 15.1345L3.67197 15.1345ZM2.11796 13.5782L0.755071 
12.2134C0.523224 11.9812 0.355082 11.8128 0.238114 11.668L4.38213 
12.5287C4.38731 12.5297 4.39255 12.5306 4.3978 12.5313C4.42339 12.5355 
4.45158 12.5402 4.45158 12.5643C4.45158 12.5904 4.42077 12.6024 4.39466 
12.6124L4.38265 12.6176L2.11796 13.5782ZM0 10.9662C0.00474232 10.8783 
0.0205151 10.7913 0.0469929 10.7074C0.124276 10.4637 0.334192 10.2535 
0.755068 9.83197L2.49915 8.08539C3.30217 9.25251 4.10738 10.4181 
4.91475 11.5822C4.92885 11.601 4.94451 11.622 4.92833 11.6377C4.85209 
11.7218 4.77585 11.8139 4.72207 11.9138C4.71622 11.9266 4.70725 11.9378 
4.69595 11.9462C4.68915 11.9504 4.68186 11.9488 4.67403 
11.9472H4.67299L0 10.9657V10.9662ZM2.96598 7.61789L5.31004 
5.26941C5.53093 5.36615 6.33352 5.70553 7.05047 6.00883C7.59353 6.23892 
8.08856 6.44809 8.24417 6.51608C8.25983 6.52235 8.27393 6.52862 8.28072 
6.54431C8.28494 6.55372 8.28276 6.56575 8.28072 6.57569C8.20532 6.92005 
8.30795 7.2793 8.55382 7.53161C8.56948 7.5473 8.55382 7.56978 8.54024 
7.58914L8.53297 7.60012L6.15183 11.2936C6.14556 11.304 6.13982 11.3129 
6.12937 11.3197C6.11684 11.3276 6.09908 11.3239 6.08446 11.3203C5.99185 
11.296 5.89665 11.283 5.80092 11.2816C5.71528 11.2816 5.62234 11.2973 
5.52834 11.3145H5.52781C5.51737 11.3161 5.50797 11.3182 5.49961 
11.3119C5.49038 11.3043 5.48245 11.2954 5.47612 11.2852L2.96548 
7.61793L2.96598 7.61789ZM5.7847 4.79511L8.82066 1.7548C9.24101 1.33384 
9.45145 1.1231 9.69479 1.04623C9.8997 0.981336 10.1196 0.981336 10.3245 
1.04623C10.5679 1.1231 10.7783 1.33384 11.1987 1.7548L11.8566 
2.41369L9.6974 5.76253C9.69209 5.77228 9.68477 5.78082 9.67599 
5.78763C9.66293 5.79652 9.64465 5.79281 9.62899 5.78763C9.28338 5.6826 
8.90828 5.75498 8.6264 5.98111C8.6123 5.99576 8.59142 5.98739 8.57366 
5.97949C8.29169 5.8566 6.09853 4.9284 5.7847 4.79505L5.7847 
4.79511ZM12.3151 2.87282L14.3088 4.86937L13.8284 
7.84902V7.85687C13.828 7.86368 13.8265 7.87035 13.8241 7.87674C13.819 
7.8872 13.8085 7.88929 13.798 7.89243C13.6953 7.92359 13.5986 7.97185 
13.5119 8.03519C13.5081 8.03792 13.5047 8.04085 13.5014 8.04408C13.4956 
8.05036 13.4899 8.0561 13.4805 8.05715C13.4729 8.05738 13.4653 8.05618 
13.4581 8.05347L10.42 6.76079L10.4143 6.75819C10.3949 6.75035 10.372 
6.74093 10.372 6.72107C10.3541 6.55153 10.2988 6.38808 10.2101 
6.24259C10.1955 6.21853 10.1793 6.19342 10.1918 6.16886L12.3151 
2.87282ZM10.2619 7.37316L13.1098 8.58113C13.1255 8.58848 13.1427 
8.59524 13.1495 8.61145C13.1523 8.62121 13.1523 8.63151 13.1495 
8.64126C13.1412 8.6831 13.1339 8.73068 13.1339 8.77879V8.8588C13.1339 
8.87867 13.1135 8.88704 13.0947 8.89489L13.0889 8.89693C12.6378 9.0899 
6.75488 11.6021 6.746 11.6021C6.73713 11.6021 6.72773 11.6021 6.71885 
11.5932C6.70319 11.5775 6.71885 11.5555 6.73295 11.5356C6.73549 11.5322 
6.73783 11.5287 6.74023 11.5252L9.08064 7.89605L9.08485 7.88978C9.09843 
7.86782 9.1141 7.84324 9.13916 7.84324L9.16266 7.84691C9.21592 7.85426 
9.26291 7.86102 9.31043 7.86102C9.66552 7.86102 9.99449 7.68793 10.1929 
7.39196C10.1977 7.38404 10.2036 7.37698 10.2107 7.37103C10.2248 7.36057 
10.2457 7.36585 10.2618 7.37306L10.2619 7.37316ZM7.00034 
12.1763L13.4127 9.43769C13.4127 9.43769 13.4221 9.43769 13.431 
9.44657C13.466 9.48161 13.4957 9.50514 13.5244 9.52711L13.5385 
9.53599C13.5516 9.54334 13.5647 9.55168 13.5657 9.56528C13.5657 9.57047 
13.5657 9.57365 13.5646 9.57836L13.0153 12.9575L13.0132 12.9711C13.0096 
12.9973 13.006 13.0271 12.9814 13.0271C12.684 13.0472 12.4158 13.2129 
12.2644 13.47L12.2618 13.4742C12.2545 13.4863 12.2477 13.4978 12.2357 
13.504C12.2247 13.5092 12.2106 13.5071 12.1992 13.5046L7.08546 
12.4482C7.08028 12.4472 7.00609 12.1768 7.00035 12.1763L7.00034 


12.1763Z" 

fill="url(#paintO_radial 612_21174)"></path><defs><radialGradient 
id="paintO radial 612 21174" cx="0" cy="0" r="1" 
gradientUnits="userSpaceOnUse" gradientTransform="translate(10 -9.02783) 
scale(20.0508 20.1017)"><stop stop-color="420C6B7"></stop> «stop 
offset="1" stop-color="£4D9ABF"> </stop> </radialGradient> </defs> </svg> 
</span> </div> </div> <div class="integration-xs-4"> <div class="integration- 
wrapper info"><span>View all our 100+</span><a class="integration- 
wrapper info-link menu-item-integration" href="/integrations" aria- 
label="Integrations"> «span-Integrations«/span» «span? ></span> </a> </ 
div> </div> </div> </div> </li> <li class="dropdown-holder dropdown-holder- 
desktop developer-list-item hide-sm hide-xs"> <button class="developers- 
dropdown-toggle dropdown-toggle" data-target="developers-menu-dropdown" 
id="developers-menu-toggle" aria-label="Developers" aria-expanded="false" 
aria-haspopup="true"> <span class="nav item name">Developers <span 
class="account-down-caret"><svg xmlns="http://www.w3.org/2000/svg" 
width="16" height="16" viewBox="0 0 24 24"><path d="M7.41 8.59L12 
13.1714.59-4.58L18 101-6 6-6-6 1.41-1.41z"» «/path» «path fill="none" d="MO 
0h24v24H0V0z"></path></svg></span> </span> </button> <ul 
class="dropdown-menu developers-dropdown-menu small-dropdown-menu" 
id="developers-menu-dropdown"> <li class="developers-menu-exp col-xs-4"> 
<div class="developers-menu-exp__main"> <div class="section-head"> <span 
class="section-head icon-holder"> <svg alt="Developers Get Started Icon" 
width="13" height="15" viewBox="0 0 13 15" fill="none" 
xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip- 
rule="evenodd" d="M12.805 3.91071L8.255 0.160714C8.125 0.0535714 7.995 
0 7.8 0H1.3C0.585 0 0 0.482143 0 1.07143V13.9286C0 14.5179 0.585 15 1.3 
15H11.7C12.415 15 13 14.5179 13 13.9286V4.28571C13 4.125 12.935 4.01786 
12.805 3.91071ZM7.8 1.28571L11.44 4.28571H7.8V1.28571ZM1.3 
13.9286V1.07143H6.5V4.28571C6.5 4.875 7.085 5.35714 7.8 
5.35714H11.7V13.9286H1.3ZM3 10V11H10V10H3ZM3 8V7H10V8H3Z" 
fillz"black"» «/path2 «path d="M8.255 0.160714L8.2957 0.111326L8.2957 
0.111326L8.255 0.160714ZM12.805 3.91071L12.7643 3.9601L12.7643 
3.9601L12.805 3.91071ZM11.44 4.28571V4.34971H11.6183L11.4807 
4.23633L11.44 4.28571ZM7.8 1.28571L7.8407 1.23633L7.736 
1.15003V1.28571H7.8ZM7.8 4.28571H7.736V4.34971H7.8V4.28571ZM1.3 
1.07143V1.00743H1.236V1.07143H1.3ZM1.3 
13.9286H1.236V13.9926H1.3V13.9286ZM6.5 
1.07143H6.564V1.00743H6.5V1.07143ZM11.7 
5.35714H11.764V5.29314H11.7V5.35714ZM11.7 
13.9286V13.9926H11.764V13.9286H11.7ZM3 11H2.936V11.064H3V11ZM3 
10V9.936H2.936V10H3ZM10 11V11.064H10.064V11H10ZM10 
10H10.064V9.936H10V10ZM3 7V6.936H2.936V7H3ZM3 
8H2.936V8.064H3V8ZM10 7H10.064V6.936H10V7ZM10 
8V8.064H10.064V8H10ZM8.2143 0.210102L12.7643 3.9601L12.8457 
3.86133L8.2957 0.111326L8.2143 0.210102ZM7.8 0.064C7.97957 0.064 8.0953 
0.112029 8.2143 0.210102L8.2957 0.111326C8.1547 -0.00488652 8.01043 - 
0.064 7.8 -0.064V0.064ZM1.3 0.064H7.8V-0.064H1.3V0.064ZM0.064 
1.07143C0.064 0.52851 0.608211 0.064 1.3 0.064V-0.064C0.561789 -0.064 - 
0.064 0.435775 -0.064 1.07143H0.064ZM0.064 13.9286V1.07143H- 
0.064V13.9286H0.064ZM1.3 14.936C0.608211 14.936 0.064 14.4715 0.064 
13.9286H-0.064C-0.064 14.5642 0.561788 15.064 1.3 15.064V14.936ZM11.7 
14.936H1.3V15.064H11.7V14.936ZM12.936 13.9286C12.936 14.4715 12.3918 
14.936 11.7 14.936V15.064C12.4382 15.064 13.064 14.5642 13.064 


13.9286H12.936ZM12.936 
4.28571V13.9286H13.064V4.28571H12.936ZM12.7643 3.9601C12.8255 
4.01052 12.8677 4.05796 12.8949 4.1085C12.9218 4.15832 12.936 4.21462 
12.936 4.28571H13.064C13.064 4.19609 13.0457 4.11846 13.0076 
4.04775C12.9698 3.97775 12.9145 3.91806 12.8457 3.86133L12.7643 
3.9601ZM11.4807 4.23633L7.8407 1.23633L7.7593 1.3351L11.3993 
4.3351L11.4807 4.23633ZM7.8 4.34971H11.44V4.22171H7.8V4.34971ZM7.736 
1.28571V4.28571H7.864V1.28571H7.736ZM1.236 
1.07143V13.9286H1.364V1.07143H1.236ZM6.5 
1.00743H1.3V1.13543H6.5V1.00743ZM6.564 
4.28571V1.07143H6.436V4.28571H6.564ZM7.8 5.29314C7.10821 5.29314 
6.564 4.82863 6.564 4.28571H6.436C6.436 4.92137 7.06179 5.42114 7.8 
5.42114V5.29314ZM11.7 5.29314H7.8V5.42114H11.7V5.29314ZM11.764 
13.9286V5.35714H11.636V13.9286H11.764ZM1.3 
13.9926H11.7V13.8646H1.3V13.9926ZM3.064 11V10H2.936V11H3.064ZM10 
10.936H3V11.064H10V10.936ZM9.936 10V11H10.064V10H9.936ZM3 
10.064H10V9.936H3V10.064ZM2.936 7V8H3.064V7H2.936ZM10 
6.936H3V7.064H10V6.936ZM10.064 8V7H9.936V8H10.064ZM3 
8.064H10V7.936H3V8.064Z" fill="black"></path></svg> </span> <span 
class="section-head icon-text">Get Started</span> </div> <ul 
class="dropdown-link__main"> <li class="dropdown-link _left-item"> <a 
class="menu-item-localtest" href="/docs/local-testing" aria-label="Test your 
local websites" title="Test your local websites">Test your local websites</a> 
</li> <li class="dropdown-link_left-item"> <a class="menu-item-selenium" 
href="/docs/automate/selenium/getting-started/python" aria-label="Run 
Selenium Tests" title="Run Selenium Tests">Run Selenium Tests</a> </li> <li 
class="dropdown-link__left-item"> <a class="menu-item-appium" 
href="/docs/app-automate/appium/getting-started/python" aria-label="Run 
Appium Tests" title="Run Appium Tests">Run Appium Tests</a> </li> </ul> 
</div> </li> <li class="developers-menu-exp col-xs-8"> <div 
class="developers-menu-exp__main"> <div class="section-head section-head-- 
resource-head"> <span class="section-head icon-holder"> <svg 
alt="Developer Resources Icon" width="19" height="15" viewBox="0 0 19 15" 
fill="none" xmlns="http://www.w3.org/2000/svg"><g clip- 
path-"url(z*clipo 621 21238)"» «path d="M16.0625 
3.5625H11.4688V4.875H16.0625V3.5625Z" fill="black"></path> «path 
d="M16.0625 6.84375H11.4688V8.15625H16.0625V6.84375Z" 
fill="black"></path><path d="M16.0625 
10.125H11.4688V11.4375H16.0625V10.125Z" fill="black"></path><path 
d="M17.375 0.28125H1.625C1.27701 0.281597 0.943372 0.41999 0.697306 
0.666056C0.45124 0.912122 0.312847 1.24576 0.3125 
1.59375V13.4062C0.312899 13.7542 0.451309 14.0878 0.697364 
14.3339C0.943418 14.5799 1.27703 14.7184 1.625 14.7188H17.375C17.723 
14.7183 18.0565 14.5799 18.3026 14.3338C18.5486 14.0878 18.687 13.7542 
18.6875 13.4062V1.59375C18.6871 1.24578 18.5487 0.912168 18.3026 
0.666114C18.0566 0.420059 17.723 0.281649 17.375 0.28125ZM1.625 
1.59375H8.84375V13.4062H1.625V1.59375ZM10.1562 
13.4062V1.59375H17.375L17.3763 13.4062H10.1562Z" 
fill="black"></path></g> «defs» «clipPath id="clipO_621_21238"><rect 
width="19" height="15" fillz"white"2 «/rect» </clipPath> </defs> </svg> 
</span> <span class="section-head icon-text">Resources</span> </div> 
<div class<"dropdown-link submenu"> «ul class="dropdown-link__main"> <li 
class<"dropdown-link list"> <a class="dropdown-link list-item menu-item- 
documentation" href="/docs" aria-label="Documentation"> <span 


class-"dropdown-link heading"> Documentation </span> <span 
class<"dropdown-link text"> Get Step by Step developer guides to test your 
web &amp; mobile apps </span> </a> </li> <li class="dropdown-link__list"> 
<a class="dropdown-link__list-item menu-item-support" href="/support" aria- 
label="Support"> «div class<"dropdown-link heading"> Support </div> <div 
class<"dropdown-link text"> Get answers to all your questions related to 
Browserstack </div> </a> </li> <li class="dropdown-link_list"> <a 
class="dropdown-link__list-item menu-item-tu" href="/test-university" aria- 
label="Test University"> <span class="dropdown-link__heading"> Test 
University <span class="btn-badge btn-primary">Beta</span> </span> <span 
class<"dropdown-link text"> Master the fundamentals of software testing 
</span> </a> </li> «li class="dropdown-link _list"> <a class="dropdown- 

link list-item menu-item-release" href="/release-notes" aria-label="Release 
Notes"> <span class<"dropdown-link heading"> Release Notes </span> 
«span class<"dropdown-link text"> Latest feature releases &amp; platform 
updates </span> </a> </li> </ul> <ul class<"dropdown-link main" <li 
class<"dropdown-link list"> <a class="dropdown-link list-item menu-item- 
opensource" href="/open-source" aria-label="Open Source" <span 
class<"dropdown-link heading"> Open Source </span> <span 
class<"dropdown-link text"> Get Free Unlimited Testing for open source 
projects </span> </a> </li> <li class<"dropdown-link list"> <a 
class="dropdown-link__list-item menu-item-status" 
href="https://status.browserstack.com" aria-label="Status - Uptime"> <span 
class<"dropdown-link heading"> Status - Uptime </span> <span 
class="dropdown-link text"> Check the status of Browserstack products 
</span> </a> </li> «li class="dropdown-link _list"> <a class="dropdown- 
link__list-item menu-item-events" href="/events" aria-label="Events"> <span 
class<"dropdown-link heading"> Events </span> <span class="dropdown- 
link text"- Stay updated on all the latest Browserstack events &amp; webinars 
</span> </a> </li> «li class="dropdown-link _list"> <a class="dropdown- 
link__list-item menu-item-champions" href="/browserstack-champions" aria- 
label="Champions Program"> «span class<"dropdown-link heading"> 
Champions </span> «span class="dropdown-link text"> Learn more with the 
thought leaders &amp; experts from across the globe </span> </a> </li> </ul> 
</div> </div> </li> «li class2"developers-menu-control"» «a class="menu- 
item-documentation" href="/docs" 
title="Documentation">Documentation</a></li> <li class="developers-menu- 
control"><a class="menu-item-support" href="/support" 
title="Support">Support</a></li> «li class="developers-menu-control"> <a 
class="menu-item-status" href="https://status.browserstack.com" 
title="Status">Status</a></li> «li class="developers-menu-control"> <a 
class="menu-item-release" href="/release-notes" title="Release notes" >Release 
Notes</a> </li> «li class="developers-menu-control"><a class="menu-item- 
opensource" href="/open-source" title="Open Source" >Open Source</a> </li> 
<li class="developers-menu-control"><a class="menu-item-events" 
href="/events" title="Events">Events</a></li> <li class="developers-menu- 
control"><a class="menu-item-tu developers-dropdown-menu_ item" 
href="/test-university" title="Test University">Test University<span class="btn- 
badge btn-primary">Beta</span></a></li> <li class="developers-menu- 
control"><a class="menu-item-champions" href="/browserstack-champions" 
title="Champions Program">Champions</a></li> </ul> </li> <li><a 
href="/live-for-teams" title="Live for Teams">Live for Teams</a></li> <li> <a 
href="/pricing" title="Pricing">Pricing</a> </li> </ul> </nav> </div> <nav 
id="primary-menu-container" class="col-xs-12 col-md-4 col-lg-7 col-xl-7 primary- 


menu-container primary-menu-container__VWO-exp fixed no-pad pull-right" aria- 
label "Primary Menu CTA"> «ul class="pull-right horizontal-list bs-collapse 
primary-menu" id="primary-menu"> «li class="dropdown-holder clear" > 
«button class="product-dropdown-toggle dropdown-toggle-mobile hide-md hide- 
lg hide-xl forward" id="product-menu-toggle-responsive" data-trigger="product- 
responsive" aria-label="Products">Products<span class="account-ahead- 
caret"></span></button> </li> <li class="dropdown-holder clear"> «button 
class="developers-dropdown-toggle dropdown-toggle-mobile hide-md hide-lg 
hide-xl forward" id="developers-menu-toggle-responsive" data- 
trigger="developers-responsive" aria-label="Developers">Developers<span 
class="account-ahead-caret"></span></button> </li> <li class="hide-md 
hide-lg hide-xl"» «a href="/live-for-teams" title="Live for Teams">Live for 
Teams</a></li> «li class="hide-md hide-lg hide-xl"> <a href="/pricing" 
title="Pricing">Pricing</a> </li> <li class="sign-in-link hide-xs hide-sm"> <a 
href="/users/sign_in" title="Sign In">Sign in</a> </li> <li class="free-trial-btn 
hide-xs hide-sm"> <a id="free-trial-link-anchor" class="btn-secondary-white 
btn-md persistent-header-primary" href="/users/sign_up" title="Free Trial">Free 
Trial</a> </li> <li class="go-to-dashboard free-trial-btn hide-xs hide-sm"> <a 
id="go-to-dashboard-link" class="btn-secondary-white btn-md" 
href="/users/sign_in" title="Go to Dashboard">Go to Dashboard</a> </li> <li 
class="hide-md hide-lg hide-xl"> <a href="/users/sign_in" title="Sign In">Sign 
in</a> </li> «li class="free-trial-link hide-md hide-lg hide-xl"> <a id="free- 
trial-link-anchor-mobile" class="btn-secondary-white btn-md" 
href="/users/sign up" title="Free Trial">Free Trial</a> </li> «li class="hide-sm 
hide-xs"> <button class="doc-search-menu dropdown-toggle doc-search-cta 
doc-search-menu-icon doc-menu-toggle" aria-label="Search"></button> </li> 
</ul> «ul class="product-menu-dropdown-responsive mobile-dropdown-menu 
dropdown-section col-xs-12 no-pad hide clear primary hide-md hide-lg hide-xl" 
data-target="product-responsive" id="product-responsive"> «li class="section- 
title back" data-target="primary"> <button id="product-close-cta" class="cta" 
aria-label="Close product sub menu" > «span 

class="account-behind-caret"> </span>Products</button> </li> «li 
class="section-head"> «span class="product-type">Test your websites</span> 
</li> «li» «a href="/live" title="Live"> <div class="dropdown-link-heading"> 
Live </div> <div class="dropdown-link-text"> Interactive cross browser testing 
</div> </a> </li> <li> <a href="/automate" title="Automate"> <div 
class="dropdown-link-heading"> Automate </div> <div class="dropdown-link- 
text"> Selenium testing at scale </div> </a> </li> «li» «a href="/percy" 
title="Percy"> <div class="dropdown-link-heading"> Percy </div> <div 
class="dropdown-link-text"> Visual testing «amp; review </div> </a> </li> «li 
class="section-head"> <span class="product-type">Test your mobile 
apps</span> </li> <li> <a href="/app-live" title="App Live"> <div 
class="dropdown-link-heading"> App Live </div> <div class="dropdown-link- 
text"> Interactive native «amp; hybrid app testing </div> </a> </li> <li> <a 
href="/app-automate" title="App Automate"> <div class="dropdown-link- 
heading"> App Automate </div> <div class="dropdown-link-text"> Test 
automation for native &amp; hybrid mobile apps </div> </a> </li> <li 
class="section-head"> <span class="product-type">For Teams</span> </li> 
<li> <a class="tools" href="/enterprise" title="Enterprise">Enterprise</a> 
</li> <li class="section-head"> <span class="product-type">Tools</span> 
</li> <li> <a class="tools" href="/screenshots" 
title="Screenshots">Screenshots</a> </li> <li> <a class="tools" 
href="/responsive" title="Responsive">Responsive</a> </li> <li> <a 
class="tools" href="/speedlab" title="SpeedLab">SpeedLab</a> </li> </ul> 


<ul class="developers-menu-dropdown-responsive mobile-dropdown-menu 
dropdown-section col-xs-12 no-pad hide clear primary hide-md hide-lg hide-xl" 
data-target-"developers-responsive" id="developers-responsive"> <li 
class="section-title back" data-target="primary"> <button id="developer-close- 
cta" class="cta" aria-label="Close developer sub menu" > <span 
class="account-behind-caret"> </span>Developers</button> «/li» «li» «a 
href="/docs" title2 "Documentation" «div class="dropdown-link-text"> 
Documentation </div> </a> </li> «li» «a href="/support" title="Support"> 
«div class="dropdown-link-text"> Support </div> </a> </li> «li» «a 
href="https://status.browserstack.com" title="Status"> <div class="dropdown- 
link-text"> Status </div> </a> </li> <li> <a href="/release-notes" 
title="Release Notes"> <div class="dropdown-link-text"> Release Notes </div> 
</a> </li> <li> «a href="/open-source" title="Open Source"> <div 
class="dropdown-link-text"> Open Source </div> </a> </li> <li> <a 
href="/events" title="Events"> <div class="dropdown-link-text"> Events </div> 
</a> </li> <li> <a href="/test-university" title="Test University"> <div 
class="dropdown-link-text"> Test University </div> </a> </li> <li> <a 
href="/browserstack-champions" title="Champions Program"> <div 
class="dropdown-link-text"> Champions </div> </a> </li> </ul> </nav> 
</div></div><div class="ds container" id="doc-search-container"> <div 
class="ds overlay" id="doc-search-overlay"></div> «nav class-"ds top- 
bar"> «div class="container"> <div class="ds input container input-box- 
focused"» «div id="doc-search-box" class="doc-search-box"> «div class="ais- 
SearchBox"» «form action="/search" method="get" role="search" class="ais- 
SearchBox-form" onsubmit="return validateSearchForm()"> <input class="ais- 
SearchBox-input" id="doc-search-box-input" name="guery" type="search" 
placeholder="Search across browserstack.com" autocomplete="off" 
autocorrect="off" autocapitalize="off" maxlength="512" autofocus="" aria- 
label="Search across browserstack.com"> <input type="hidden" value="all" 
name="type"> <div class="ds input handle hide" id="ds-input-handle"> 
«button class="ds input handle--btn ds input handle--reset" type="reset" 
title="Clear the search query." role="button"> «img class="b-lazy b-lazy-hidden 
ds input handle--btn clear-image ds input handle clear-image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/docs-search/ic- 
clear.svg" width="20" height="20" alt="Clear"><noscript>&lt;img 

class="ds input handle--btn clear-image ds input handle clear-image" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
themes/browserstack/img/docs-search/ic-clear.svg" width="20" height="20" 
alt="Clear"/&gt;</noscript> </button> «button class="ds input handle--btn 
ds input handle--submit" type="submit" title="Submit the search query." 
role="button"> Press </button> </div> </form> </div> </div> </div> «button 
aria-label="Close Search Filter" class="ds--close"></button> </div> 
</nav></div><nav class="tax-category _nav clear page-wrapper-on-load 
single-guide-page hide-md hide-lg hide-xl" id="guide-cat-nav"> <div 
class="container tax-category__nav--container"> <div class="tax- 

category nav--title hide-sm hide-xs"> «a id<"category-header-title" class="tax- 
category _nav--title-a" title="Guide Home" href="/guide"> <img 
alt="BrowserStack logo" id="category-header-logo" class="b-lazy b-lazy-hidden 
tax-category nav--title-logo" height="31" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 


type-"image" data-id="0" data-lazy-src="https://3fxtgy18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/bstack-logo.svg" 
width="31"><noscript>&lt;img alt="BrowserStack logo" id="category-header- 
logo" class<"tax-category nav--title-logo" height="31" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
themes/browserstack/img/bstack-logo.svg" width="31"&gt;</noscript> «span 
id="category-header-name" 

class<"tax-category nav--title-name">Guide</span> </a> </div> <a href="#" 
id="tax-category dropdown--toggle" class="tax-category__dropdown--toggle 
hide-md hide-lg hide-xl" title="Categories Dropdown">Categories <span 
id="tax-category dropdown--caret" class="tax-category dropdown-- 
caret"></span></a> <div class="tax-category-search _container hide-sm hide- 
xs"> <div class="tax-category-search search-box"> «form action="/search" 
method="get" role="search" class="tax-category-search form" 
onsubmit="return validateDocSearchForm()"> <input class="tax-category- 
search__input" id="tax-category-search-input" name="guery" type="search" 
placeholder="Search across Guide" autocomplete="off" autocorrect="off" 
autocapitalize="off" maxlength="512"> <input type="hidden" value="guides" 
name="type"> <input type="hidden" value="guides" name="referrer"> <div 
class="tax-category-search__shortcut"> <span class="tax-category- 

search shortcut info" title="Press slash to search query"> Press / </span> 
</div> <div class="tax-category-search__input-handle hide" id="tax-category- 
search-input-handle"> «button class="tax-category-search input-handle-- 
reset" type="reset" title="Clear the search query."> <img class="b-lazy b-lazy- 
hidden clear-input" alt="Clear search" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type="image" data-id="0" data-lazy-src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/docs-search/ic- 
clear.svg" width="20" height="20" loading="lazy"><noscript>&lt;img 
class="clear-input" alt="Clear search" src="https://3fxtqy18kygf30n3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/docs-search/ic- 
clear.svg" width="20" height="20" loading="lazy"&gt;</noscript> </button> 
«button class="tax-category-search input-handle--submit" type="submit" 
title="Submit the search query."> Press </button> </div> </form> </div> 
</div> <div id="tax-category nav--menu" class="tax-category _nav--menu 
tax-category dropdown--dd-toggle hide-md hide-lg hide-xl"> «ul id="menu- 
guide-category" class="horizontal-list tax-category  nav--menu-ul"» <li 
id="menu-item-29405" class="menu-item menu-item-type-post type menu- 
item-object-page menu-item-29405 nav-item"» «a title="Home" href="/guide" 
class="nav-link" aria-label="Home"> «span 
class="item-text">Home</span> </a> «/li» «li id="menu-item-29410" 
class="menu-item menu-item-type-taxonomy menu-item-object-guide-category 
current-guide-ancestor current-menu-parent current-guide-parent active menu- 
item-29410 nav-item menu-item-primary-category"><a title="Testing on Cloud" 
href="/guide/category/testing-on-cloud" class="nav-link" aria-label="Testing on 
Cloud"><span class="item-text">Testing on Cloud</span></a></li><li 
id="menu-item-29409" class="menu-item menu-item-type-taxonomy menu- 
item-object-guide-category current-guide-ancestor current-menu-parent current- 
guide-parent active menu-item-29409 nav-item"><a title="Debugging" 
href="/guide/category/debugging" class="nav-link" aria- 
label="Debugging"> <span class="item-text">Debugging</span></a></li><li 
id="menu-item-29408" class="menu-item menu-item-type-taxonomy menu- 
item-object-guide-category menu-item-29408 nav-item"><a title="Best 


Practices" href="/guide/category/best-practices" class="nav-link" aria- 
label="Best Practices"> <span class="item-text">Best 
Practices</span> </a> </li> <li id="menu-item-29411" class="menu-item menu- 
item-type-taxonomy menu-item-object-guide-category menu-item-29411 nav- 
item"><a title="Tools &amp; Frameworks" href="/guide/category/tools- 
frameworks" class="nav-link" aria-label="Tools &amp; Frameworks"> <span 
class="item-text"> Tools kamp; Frameworks</span> </a> «/li «li id="menu- 
item-29412" class="menu-item menu-item-type-taxonomy menu-item-object- 
guide-category menu-item-29412 nav-item"><a title="Tutorials" 
href="/guide/category/tutorials" class="nav-link" aria-label="Tutorials"> <span 
class="item-text">Tutorials</span> </a> «/li» «/ul» </div> <div class="tax- 
category nav--cta hide-sm hide-xs"> «ul id="category-header-cta" 
class="horizontal-list tax-category _nav--cta-ul"> <li> <a class="tax- 

category nav--cta-sign-in hide-md hide-sm hide-xs" 
href="https://www.browserstack.com/contact?ref=guide-post-how-to-inspect- 
element-on-iphone-get-a-demo#sales" title=" GET A DEMO">GET A 

DEMO «/a» «/li» <li class="tax-category _nav--cta-trial-link"> <a class="btn- 
secondary-white btn-md tax-category nav--cta-trial-cta" href="/users/sign up? 
ref=guide-post-how-to-inspect-element-on-iphone-free-trial" title="Free 
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col-xs-12 no-pad col-sm-6 col-md-8"> «p class="guide-banner- 

section heading">App &amp; Browser Testing Made Easy</p> «p 
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testing on 3000+ real devices and browsers. Don't compromise with emulators 
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btn-ampjson="{}">Get Started free</a> </div> </div> </div> </div></div> 
«article class="raw-text-habitat clear " id="singlePageArticle"> <div 
class="container "> <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 col- 
center"> <div class="raw-text-pad-top single-guide-padding-top "> <div 
class="page-header-2"> <div class="doc-header-breadcrumbs mob- 
breadcrumbs"> <span><a href="/" title="BrowserStack">Home</a></span> 
<span><a href="/guide">Guide</a></span> <span class="hide-xs">How to 
inspect element on iPhone</span> </div> <h1>How to inspect element on 
iPhone</h1> <p>By Jash Unadkat, Technical Content Writer at BrowserStack - 
<span class="post-date">May 13, 2022</span></p> <div class="social- 
share"> <ul class="social-share _list"> <li class="social-share_list-item"> <a 
title="Share on LinkedIn" href="https://www.linkedin.com/shareArticle?url=https 
%3A%2F%2Fwww.browserstack.com%2Fguide%2Fhow-to-inspect-element-on- 
iphone" onclick="window.open(this.href, 
'guideshare','left=50,top=50,width=800,height=400,toolbar=0'); return false;" 


class="social-share__link custom-btn-amp-events" data-btn- 
eventname="SocialSharinglcon" data-btn- 

ampjson="(&quot; platform&quot;:&quot; Linkedin&quot; &quot;position&quot;:& 
quot; Top&quot;}"><img class="b-lazy social-share image b-lazy-loaded" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
themes/browserstack/img/guide/linked-in.svg" data-lazy-type="image" data- 
id="0" width="30" height="30" alt="LinkedIn"><noscript>&lt;img class="b-lazy 
b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/linked- 
in.svg" width="30" height="30" alt="LinkedIn"&gt; &lt;noscript&gt; &lt;img 
class="social-share image" src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/linked- 
in.svg" width="30" height="30" alt="LinkedIn"&gt;</noscript></a></li> «li 
class="social-share _list-item"><a title="Share on facebook" 
href="http://www.facebook.com/sharer.php?u=https%3A%2F 
%2Fwww.browserstack.com%2Fguide%2Fhow-to-inspect-element-on-iphone" 
onclick="window.open(this.href, 
'guideshare','left=50,top=50,width=800,height=400,toolbar=0'); return false;" 
class="social-share__link custom-btn-amp-events" data-btn- 
eventname="SocialSharinglcon" data-btn- 

ampjson="(&quot; platform&quot;:&quot;Facebook&quot;, &quot;position&quot;: 
&quot;Top&quot; )" «img class="b-lazy social-share image b-lazy-loaded" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
themes/browserstack/img/guide/facebook.svg" data-lazy-type="image" data- 
id="0" width="30" height="30" alt="Facebook"><noscript>&lt;img class="b- 
lazy b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/ 
facebook.svg" width "30" height="30" alt= 
"Facebook" &gt; &lt;noscript&gt;&lt;img class="social-share image" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
themes/browserstack/img/guide/facebook.svg" width="30" height="30" alt= 
"Facebook"&gt; «/noscript» «/a» «/li» <li class="social-share list-item"» «a 
title="Share on twitter" href="https://twitter.com/share?url=https%3A%2F 
%2Fwww.browserstack.com%2Fguide%2Fhow-to-inspect-element-on- 
iphone&amp;text=How to inspect element on iPhone&amp;via=browserstack" 
onclick="window.open(this.href, 
'guideshare','left=50,top=50,width=800,height=400,toolbar=0'); return false;" 
class="social-share__link custom-btn-amp-events" data-btn- 
eventname="SocialSharinglcon" data-btn- 

ampjson="(&quot; platform&quot;:&quot; Twitter&quot;,&quot;position&quot;:&q 
uot; Top&quot;}"><img class="b-lazy social-share image b-lazy-loaded" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
themes/browserstack/img/guide/twitter.svg" data-lazy-type="image" data-id="0" 
width="30" height="30" alt="Twitter"><noscript>&lt;img class="b-lazy b-lazy- 
hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIlHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy18kygf3on3bu39kh93- 


wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/ 
twitter.svg" width="30" height="30" alt="Twitter"&gt; &lt;noscript&gt; &lt;img 
class="social-share image" src="https://3fxtqy18kygf30n3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/ 
twitter.svg" width -"30" height="30" alt="Twitter"&gt;</noscript></a></li> <li 
class<"social-share _list-item"><a title="Share on WhatsApp" 
href="whatsapp://send?text=How to inspect element on iPhone https%3A%2F 
%2Fwww.browserstack.com%2Fguide%2Fhow-to-inspect-element-on-iphone" 
onclick="window.open(this.href, 
'guideshare','left=50,top=50,width=800,height=400,toolbar=0'); return false;" 
class="social-share__link custom-btn-amp-events" data-btn- 
eventname="SocialSharinglcon" data-btn- 
ampjson="{&quot;platform&quot;:&quot;WhatsApp&quot;,&quot;position&quot;: 
&quot;Top&quot; )" «img class="b-lazy social-share image b-lazy-loaded" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
themes/browserstack/img/guide/whats-app.svg" data-lazy-type- "image" data- 
id="0" width "30" height="30" alt="WhatsApp"><noscript>&lt;img class="b- 
lazy b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/whats- 
app.svg" width="30" height="30" alt="WhatsApp"&gt; &lt;noscript&gt; &lt;img 
class="social-share image" src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/whats- 
app.svg" width="30" height="30" 
altz"WhatsApp"&gt; «/noscript» </a> </li></ul> </div> </div> <div class=" 
guide-content"> <div class="vc_row wpb row vc_row-fluid"><div 
class="wpb_column vc column container vc_col-sm-12"><div 
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<p>In a constant endeavor to provide optimized performance across mobile 
devices, developers strive to «a title="How to create a Responsive Website" 
href="https://www.browserstack.com/guide/how-to-create-responsive-website" 
target-" blank" rel="noopener">build responsive websites</a>. However, while 
doing so, developers might face multiple challenges.</p><p>For example, a 
developer might encounter a specific rendering issue that seems to occur ona 
specific iPhone while creating a <a title="Responsive Web Design" 
href="https://www.browserstack.com/responsive-design">responsive 
design</a> for a website. In such cases, they need to inspect specific web 
elements on real devices to figure out the exact solution. Here's where QAs and 
developers need to be aware of handy solutions that can help save time spent on 
troubleshooting.</p><p> This article aims to explain two easy methods for 
inspecting elements on an iPhone.</p><div class="guide-toc"> <span 
class<"guide-toc heading">Table of Contents</span> <div class="guide- 

toc list"><ul><li><a class="cta-scroll" href=" žtocO">Different Ways to 
Inspect Element on iPhone Devices</a><ul><li><a class="cta-scroll" 
href="#toc0"></a><a class="cta-scroll" href="#toc1">Using iPhone Devices 
on BrowserStack</a></li><li><a class="cta-scroll" href="#toc2">Using Safari 
developer tools to inspect elements on an actual device</a></li><li><a 
class="cta-scroll" href="#toc3">Debug using the Web Inspector feature on 
iPhones or iPads«/a» «/li» «li» «a class="cta-scroll" href="#toc4">Inspect using 
Adobe Edge</a></li></ul></li></ul></div></div><h3 

id="tocO"> «strong» Different Ways to Inspect Element on iPhone 


Devices</strong></h3><p>Listed below are the different ways to inspect 
elements on any iPhone devices«/p» «ol» «li» Using iPhone Devices on 
BrowserStack</li><li>Using Safari developer tools to inspect elements on an 
actual device</li> «li» Debug using the Web Inspector feature</li> «li» Adobe 
Edge Inspect</li></ol><h4 id-"toc1"» «strong» Using iPhone Devices on 
BrowserStack</strong> «/h4» «p» BrowserStack is a cloud-based platform that 
allows web-developers to test their web apps instantly for «a title="cross 
browser compatibility" href="https://www.browserstack.com/guide/cross- 
browser-compatibility-testing-beyond-chrome" target="_blank" rel="noopener 
noreferrer">cross browser compatibility </a> across a range of devices. Its <a 
title="real device cloud" href="https://www.browserstack.com/real-device-cloud" 
target="_blank" rel="noopener noreferrer">real device cloud «/a» enables 
developers or QAs to instantly run manual tests on real mobile and desktop 
devices. For extensive testing, QAs can also use its «a title="Cloud Selenium 
Grid" href="https://www.browserstack.com/cloud-selenium-grid" target="_blank" 
rel="noopener noreferrer">Cloud Selenium Grid</a> for automated «a 
title="Cross browser testing" href="https://browserstack.com/live" 
target="_blank" rel="noopener noreferrer">cross browser testing</a> on 
multiple real devices.</p><p>Developers also get instant access to Dev tools 
on both platforms (Android and iOS) during live testing. This allows developers to 
eliminate their testing pain points as they can instantly <a title="iOS Device 
Testing" href="https://www.browserstack.com/ios-testing">test websites across 
a variety of iOS devices</a> like iPhone X, iPhone, iPhone 11 Pro, and many 
other earlier versions on desired browsers.</p><p><a class="btn-primary" 
href="/users/sign_up?ref=guide-how-to-inspect-element-on-iphone-mid">Try 
Inspect Element on Real iPhone for Free</a></p><p>The image below 
represents a sample BrowserStack Live session running on Safari - iPhone 
XS</p><p><img class="b-lazy aligncenter wp-image-24500 size-large b-lazy- 
loaded" title="How to Inspect element on iPhone" 
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1110w" sizes="(max-width: 700px) 100vw, 700px"><noscript>&lt;img 
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content/uploads/2020/03/Screenshot-2020-03-09-at-2.36.25-PM-250x151.png 
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content/uploads/2020/03/Screenshot-2020-03-09-at-2.36.25-PM.png 1110w" 
sizes="(max-width: 700px) 100vw, 700px"/&gt;</noscript></p><p>One can 
inspect an element on iPhone in 3 simple steps -</p> «ol» «li» «a 
href="/users/sign_up">Sign up for Free</a> on BrowserStack 
Live</li> «li» Select the desired iPhone device to inspect on</li><li>Click on 
Dev Tools to start inspecting.</li></ol><p>As web developers get upfront 
access to the DevTools in the dashboard, inspecting specific elements on any 
iPhone becomes much easier for them. Developers have multiple real mobile 
devices to choose from and can switch between device-browser-OS combinations 
at any point. This ensures web-developers or QAs can quickly troubleshoot any 
rendering issues and fix them with minimal time and effort. </p> «div 
class="guide-highlight-section green-section"> «p» «strong- Also 
Read</strong>: «a title="How to Inspect an Element on Mac" 
href="https://www.browserstack.com/guide/how-to-inspect-element-on-mac" 
target-" blank" rel="noopener">How to Inspect an Element on 
Mac</a> «/p» «/div» «h4 id="toc2"> «strong» Using Safari developer tools to 
inspect elements on an actual device</strong> «/h4» «p» Apple provides a very 
intuitive feature that enables web developers to debug and inspect web 
elements on «a title="iPad testing" href="https://www.browserstack.com/test- 
on-ipad">actual iPads</a> and iPhones. One just needs to connect their iPhone 
and enable the Web Inspector to get started. «/p» «div class="guide-highlight- 
section blue-section"» «p» «strong» Read More:</strong> <a title="How to 
request a desktop site on the iPhone" 
href="https://www.browserstack.com/guide/reguest-desktop-site-on-iphone" 
target-" blank" rel="noopener">How to request a desktop site on the 
iPhone</a> «/p» </div> «p»Enable the Web Inspector on your iOS mobile device 
by:«/p» «p» «span style="font-weight: 400" » Going to 

</span> «b»Settings«/b» «span style="font-weight: 400"> &gt; 

</span> «b»Safari«/b» «span style="font-weight: 400"> &gt; Scroll down to the 
bottom &gt; Open </span><b>Advanced</b><span style="font-weight: 400"> 
Menu&gt; Turn on the <b>Web Inspector«c/b» «/span» «/p» «p» «strong» Note: 
This feature only works on the actual Apple Mac and not on Safari running on 
Windows. «/strong» «/p» «p»One just needs to enable the «strong» "Show 
Develop menu in the menu bar”.</strong> The steps to do so are as 
follows: «/p» «ol» «li» Open Safari browser</li><li>Click on Safari &gt; 
Preferences &gt; Advanced«/li» «li» Tick the checkbox «strong» Show Develop 
menu in the menu bar«/strong» «/li» «/ol» «p» «img loading="lazy" class="b- 
lazy aligncenter wp-image-24498 size-large b-lazy-loaded" title="How to Inspect 
element on iPhone" srcz"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna- 
ssl.com/wp-content/uploads/2020/03/Screenshot-2020-03-06-at-6.52.53-PM- 
700x411.png" data-lazy-type="image" data-id="0" alt="How to Inspect element 
on iPhone " width="700" height="411" 

srcset-"https://3fxtqy 18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/uploads/2020/03/Screenshot-2020-03-06-at-6.52.53-PM-700x411.png 


700w, https://3fxtqy18kygf30n3bu39kh93-wpengine.netdna-ssl.com/wp- 
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content/uploads/2020/03/Screenshot-2020-03-06-at-6.52.53-PM-120x70.png 
120w, https://3fxtqy 18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/uploads/2020/03/Screenshot-2020-03-06-at-6.52.53-PM-640x376.png 
640w, https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/uploads/2020/03/Screenshot-2020-03-06-at-6.52.53-PM-320x188.png 
320w, https://3fxtqy18kygf30n3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/uploads/2020/03/Screenshot-2020-03-06-at-6.52.53-PM.png 777w" 
sizes="(max-width: 700px) 100vw, 

700px"/&gt; «/noscript» «br» «b» «/b» «/p» «p» Once done, the 

«strong» Develop «/strong» menu will be enabled in the top-bar. Click on the 
«strong» Develop «/strong» menu and it will show the connected iPhone in the 
options along with the web-page that is active on the connected 
device.</p><p>Click on that page and it will open the Web inspector window for 
the same page. «/p» «p» «img loading="lazy" class="b-lazy aligncenter wp- 
image-24499 size-full b-lazy-loaded" title="How to Inspect element on iPhone" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
uploads/2020/03/Screenshot-2020-03-06-at-7.05.51-PM.png" data-lazy- 
type-"image" data-id="24499" alt="How to Inspect element on iPhone " 
width="606" height="346" srcset-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/uploads/2020/03/Screenshot-2020-03-06- 
at-7.05.51-PM.png 606w, https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna- 
ssl.com/wp-content/uploads/2020/03/Screenshot-2020-03-06-at-7.05.51-PM- 
250x143.png 250w, https://3fxtqy 18kygf3on3bu39kh93-wpengine.netdna- 
ssl.com/wp-content/uploads/2020/03/Screenshot-2020-03-06-at-7.05.51-PM- 
120x69.png 120w, https://3fxtqy18kygf30n3bu39kh93-wpengine.netdna- 
ssl.com/wp-content/uploads/2020/03/Screenshot-2020-03-06-at-7.05.51-PM- 
320x183.png 320w" sizes="(max-width: 606px) 100vw, 
606px"><noscript>&lt;img loading="lazy" class="aligncenter wp-image-24499 
size-full" title="How to Inspect element on iPhone" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 


uploads/2020/03/Screenshot-2020-03-06-at-7.05.51-PM.png" alt="How to Inspect 
element on iPhone " width="606" height="346" 

srcset-"https://3fxtqy 18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/uploads/2020/03/Screenshot-2020-03-06-at-7.05.51-PM.png 606w, 
https://3fxtqy 18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
uploads/2020/03/Screenshot-2020-03-06-at-7.05.51-PM-250x143.png 250w, 
https://3fxtqy 18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
uploads/2020/03/Screenshot-2020-03-06-at-7.05.51-PM-120x69.png 120w, 
https://3fxtqy 18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
uploads/2020/03/Screenshot-2020-03-06-at-7.05.51-PM-320x183.png 320w" 
sizes="(max-width: 606px) 100vw, 606px"/&gt; «/noscript» «/p» «p» When you 
interact with any element in the web inspector, it immediately highlights that 
particular element on the iPhone in real-time. This helps developers identify 
exactly what they are inspecting as they continue to interact with the elements 
providing an interactive test experience. «/p» «h4 id-"toc3"» «strong» Debug 
using the Web Inspector feature on iPhones or iPads«/strong» «/h4» «p» Apple 
has a web inspector feature that allows developers and testers to debug their 
web pages from their mobile phones. Before, we see how to inspect elements on 
iPhone using this option, let us take a look at the requirements. To perform 
this,you will need two things.«/p» «ol» «li» Your deployment 
machine«/li» «li» The device on which you want to test the webpage or 
app.</li></ol><p>Getting all the devices on which you want to inspect and test 
is quite a difficult task. This is as good as maintaining an in house device library. 
But, the problem with maintaining one is the high setup and maintenance cost 
that it comes with. You will have to ensure that the devices are updated, and 
well maintained. And, even if you were to do that, you will be able to test one 
version of the browser. What would you do if you want to test an older version? 
</p> «div class="guide-highlight-section green-section"» «p» <strong>Also 
Read</strong>: «a title="Remote Debugging on iOS and Mac Safari" 
href="https://www.browserstack.com/guide/safari-remote-debugging" 

target=" blank" rel="noopener">Remote Debugging on iOS and Mac 
Safari</a></p></div><p>These are a few fallbacks with this method. However, 
BrowserStack overcomes all these issues by providing you with a real device 
cloud, that allows you to access any device and version that you 
want. «/p» «p»That said, we have listed the detailed steps to d<a title="Debug 
instantly on real iPhones &amp;amp; Safari browsers" 
href="https://www.browserstack.com/how-to-debug-on-iphone" target="_blank" 
rel="noopener">ebug using the web inspector feature on iPhones or iPads</a> 
in this article. Please head over to the above link to know more.</p><h4 
id="toc4"><strong>Inspect using Adobe Edge</strong> «/h4» «p» Adobe Edge 
Inspect is one of the easy methods to inspect elements on any iPhone device. 
Adobe has discontinued this feature, but you can find the source for this on the 
internet. Therefore using this poses a security threat and should be used with 
discretion. The user using this would be liable for any data leak or security 
concerns. «/p» «p» Adobe Edge Inspect does not require a mac operating system 
and can be accessed from windows as well. As it supports synchronized browsing 
the web page that you open will be synced with all the devices that are 
connected to the system. «/p» «div class="guide-highlight-section blue- 
section"><p>Adobe Edge inspect «strong» does not support local 
testing</strong>. Learn <a title="How to test Local Website On Mobile" 
href="https://www.browserstack.com/guide/test-local-website-on-mobile" 
target="_blank" rel="noopener">how to test Local Website on 
mobile</a>.</p></div><p>Now let us see how to use Adobe Edge 

Inspect: «/p» «ol» «li» Download their software on the deployment system and 


ensure that all the devices that you want to test are connected to the same wifi. 
The sync happens by establishing the connection via wifi.</li> «li» &nbsp;Next, 
open the website. You will notice that the website opens up on all the devices 
that are connected to the deployment machine. There will be a debug sign next 
to the device name.«/li» «li» Select the debug sign for the device you want to 
inspect.<br>You will now have access to the developer tools and can start 
inspecting.</li></ol><p>Given all the four options and the concerns associated 
with it, it is best to choose BrowserStack to inspect elements on your 
iPhone.«/p» «p» «a class="btn-primary" title="How to test Local Website On 
Mobile" href="/users/sign_up?ref=guide-how-to-inspect-element-on-iphone-mid" 
target="_blank" rel="noopener">Sign up and start testing for 
free</a>.</p><hr><p style="text-align: center"><strong>Also read</strong>: 
<a title="How to test mobile applications manually" 
href="https://www.browserstack.com/guide/how-to-test-mobile-applications- 
manually" target="_blank" rel="noopener noreferrer">How to test mobile 
applications manually</a></p><hr><p>BrowserStack also provides a «a 
title="Responsive Checker" href="https://www.browserstack.com/responsive" 
target="_blank" rel="noopener noreferrer">Responsive checker</a> that lets 
users view their websites on multiple mobile and desktop devices in order to 
verify the site's responsive design.</p><p>lt's very important for web 
developers and QAs to be aware of techniques that can help them <a title="ul 
bugs in testing" href="https://www.browserstack.com/guide/bugs-in-ui- 
testing">resolve critical Ul bugs</a> occurring on specific devices. The methods 
explained above will help them trace bugs quickly and ensure the faster release 
of optimized websites.</p> </div> </div></div></div></div></div><div 
class<"vc row wpb row vc_row-fluid"><div class="wpb column 
vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div 
class="wpb_wrapper"><div class="in-content-banner responsive-checker "> 
<div class="in-content-banner content"> <p></p><p class="in-content- 
banner _content_heading">Is your Website Responsive across all 
devices?</p><p>Check what your customers see, with our <strong>FREE 
Responsive Checker Tool</strong>.</p> <form class="in-content-responsive- 
checker" data-formname="ResponsiveChecker" method="post" action=""> <div 
class="row"> «div class="col-xs-12 col-sm-9 no-pad"> <div class="form- 
group"> <input autocomplete="off" class="text input-md input-primary input- 
margin" name="url" placeholder="https://www.yourwebpage.com" type="text"> 
</div> </div> <div class="col-xs-12 col-sm-3 responsive-checker-btn-grp"> 
<input class="btn-md btn-primary" data-btndisabled="Sending..." data- 
btntext="Check" name="commit" type="submit" value="Check"> </div> 
</div></form> </div> </div> </div> </div> </div> </div> </div> <div 
class="feedback wrapper"> <div id="feedback-options" 

class="feedback inner"> <div class="feedback title">Was this post useful? 
</div> <div class="feedback_ action"> <a href="javascript:void(0);" 
class="feedback action--btn" data-value="yes">Yes, Thanks</a> <a 
href="javascript:void(0);" class<"feedback action--btn" data-value="no">Not 
Really</a> </div> </div> <div id="feedback-form" class="feedback form"> 
«div id="negative-feedback" class="feedback neg-feedback"> <h4 
class<"feedback neg-feedback--h4">We're sorry to hear that. Please share 
your feedback so we can do better</h4> <textarea id="additional-info" 
class="feedback neg-feedback--textarea" name="additional-info" 
placeholder="What were you looking for in this page? Any suggestions to make 
this page better?"></textarea> <div id="feedback-error" 

class="feedback _error-msg"></div> <input type="button" 
id="submitVerboseFeedback" class="btn btn-primary" value="Submit"> </div> 


<div class="feedback__ thank-you" id="feedback-thank-you">Thanks a lot for 
your feedback!</div> </div></div> <div class="social-share bottom-center"> 
«ul class="social-share list"> <li class="social-share_list-item"><a 
title="Share on Linkedln" href="https://www.linkedin.com/shareArticle?url=https 
%3A%2F%2Fwww.browserstack.com%2Fguide%2Fhow-to-inspect-element-on- 
iphone" onclick="window.open(this.href, 
'guideshare','left=50,top=50,width=800,height=400,toolbar=0'); return false;" 
class="social-share__link custom-btn-amp-events" data-btn- 
eventname="SocialSharinglcon" data-btn- 
ampjson-z"(&quot;platform&quot;:&quot;LinkedIn&quot;, &quot;position&quot;:& 
quot; Bottom&quot; }"><img class="b-lazy b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type="image" data-id="0" data-lazy-src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/linked- 
in.svg" width="30" height="30" alt="LinkedIn"><noscript>&lt;img class="b-lazy 
b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/linked- 
in.svg" width="30" height="30" alt="LinkedIn"&gt;&lt;noscript&gt; &lt;img 
class="social-share image" src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/linked- 
in.svg" width="30" height="30" alt="LinkedIn"&gt;</noscript></a></li> «li 
class="social-share _list-item"><a title="Share on facebook" 
href="http://www.facebook.com/sharer.php?u=https%3A%2F 
%2Fwww.browserstack.com%2Fguide%2Fhow-to-inspect-element-on-iphone" 
onclick="window.open(this.href, 
'guideshare','left=50,top=50,width=800,height=400,toolbar=0'); return false;" 
class="social-share__link custom-btn-amp-events" data-btn- 
eventname="SocialSharinglcon" data-btn- 
ampjsonz"(&quot;platform&quot;:&quot;Facebook&quot;, &quot;position&quot;: 
&quot;Bottom&quot; ) " » «img class="b-lazy b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/ 
facebook.svg" width="30" height="30" alt="Facebook"> «noscript» &lt;img 
class="b-lazy b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/ 
facebook.svg" width "30" height="30" alt= 
"Facebook" &gt; &lt;noscript&gt;&lt;img class="social-share image" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
themes/browserstack/img/guide/facebook.svg" width="30" height="30" alt= 
"Facebook" šgt;</noscript></a></li> <li class="social-share _list-item"><a 
title="Share on twitter" href="https://twitter.com/share?url=https%3A%2F 
%2Fwww.browserstack.com%2Fguide%2Fhow-to-inspect-element-on- 
iphone&amp;text-How to inspect element on iPhone&amp;via=browserstack" 
onclick="window.open(this.href, 
'guideshare','left=50,top=50,width=800,height=400,toolbar=0'); return false;" 


class="social-share__link custom-btn-amp-events" data-btn- 
eventname="SocialSharinglcon" data-btn- 

ampjson="(&quot; platform&quot;:&quot; Twitter&quot;, &quot;position&quot;:&q 
uot;Bottom&quot; }"><img class="b-lazy b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src="https://3fxtqy18kygf30n3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/ 
twitter.svg" width "30" height="30" alt="Twitter"><noscript>&lt;img class="b- 
lazy b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type="image" data-id="0" data-lazy-src-"https://3fxtqy18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/ 
twitter.svg" width "30" height="30" alt="Twitter"&gt; &lt;noscript&gt; &lt;img 
class="social-share image" src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/ 
twitter.svg" width -"30" height="30" alt="Twitter"&gt;</noscript></a></li> <li 
class="social-share _list-item"><a title="Share on WhatsApp" 
href="whatsapp://send?text=How to inspect element on iPhone https%3A%2F 
%2Fwww.browserstack.com%2Fguide%2Fhow-to-inspect-element-on-iphone" 
onclick="window.open(this.href, 
'guideshare','left=50,top=50,width=800,height=400,toolbar=0'); return false;" 
class="social-share__link custom-btn-amp-events" data-btn- 
eventname="SocialSharinglcon" data-btn- 
ampjson="{&quot;platform&quot;:&quot;WhatsApp&quot;,&quot;position&quot;: 
&quot;Bottom&quot;}"><img class="b-lazy b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/whats- 
app.svg" width="30" height="30" alt="WhatsApp"><noscript>&lt;img class="b- 
lazy b-lazy-hidden social-share image" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/whats- 
app.svg" width="30" height="30" alt="WhatsApp"&gt; &lt;noscript&gt; &lt;img 
class="social-share image" src="https://3fxtqy18kygf30n3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/guide/whats- 
app.svg" width="30" height="30" 
altz"WhatsApp"&gt; «/noscript» </a> </li></ul> </div> <div class="guide- 
tags badge guide-tags article-section"> <div class="guide- 

tags heading">Tags</div> <a 
href="https://www.browserstack.com/guide/tag/cross-browser-testing" 
class-"guide-tags badge-link custom-btn-amp-events" data-btn- 
eventname="OnClickGuideTag" data-btn- 
ampjson="{&quot;name&quot;:&quot;cross-browser- 

testing&quot;, &quot;position&quot;:&quot;bottom&quot; ) " title="Cross browser 
testing"><span class="btn-badge guide-tags badge-name btn-outline- 
secondary" Cross browser testing «/span» «/a» <a 
hrefz"https://www.browserstack.com/guide/tag/emulator-and-simulator" 
class-"guide-tags badge-link custom-btn-amp-events" data-btn- 
eventname="OnClickGuideTag" data-btn- 


ampjson="{&quot;name&quot;:&quot;emulator-and- 
simulator&quot;,&quot;position&quot;:&quot;bottom&quot;}" title="Emulator 
and Simulator"><span class="btn-badge guide-tags badge-name btn-outline- 
secondary">Emulator and Simulator</span></a> <a 
href="https://www.browserstack.com/guide/tag/manual-testing" class="guide- 
tags badge-link custom-btn-amp-events" data-btn- 
eventname="OnClickGuideTag" data-btn- 
ampjson="{&quot;name&quot;:&quot;manual- 
testing&quot;,&quot;position&quot;:&quot;bottom&quot;}" title="Manual 
Testing"><span class="btn-badge guide-tags badge-name btn-outline- 
secondary" - Manual Testing</span> </a> «a 
hrefz"https://www.browserstack.com/guide/tag/mobile-app-testing" 
class-"guide-tags badge-link custom-btn-amp-events" data-btn- 
eventname="OnClickGuideTag" data-btn- 
ampjson="{&quot;name&quot;:&quot;mobile-app- 

testing&quot;, &quot;position&quot;:&quot;bottom&quot; ) " title="Mobile App 
Testing" » «span class="btn-badge guide-tags badge-name btn-outline- 
secondary"- Mobile App Testing</span></a> </div> </div> </div> </div> 
<div class="guide-related-posts" id="guide-related-posts"> <div 
class="container"> <div class="row"> <h3 class="section-title col-xs-12 col-sm- 
12 col-md-12 col-Ig-12">Related Articles</h3> </div> <div class="row"> <div 
class="col-md-4 col-lg-4 col-xs-12 col-sm-6"> <article class="related-article"> 
<a href="https://www.browserstack.com/guide/how-to-run-mobile-usability- 
tests" title<" How to run Mobile Usability Tests for the best results" 
class="custom-btn-amp-events related-article link" data-btn- 
eventname="ClickedRelatedArticle" data-btn- 
ampjson="{&quot;title&quot;:&quot;How to run Mobile Usability Tests for the 
best results&quot;, &quot;url&quot;:&quot;https:VVwww.browserstack.comV 
guide\/how-to-run-mobile-usability-tests&quot;, &quot;position&quot;:1}"> <div 
class="related-article img"> <img 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="23281" 
data-lazy-mob-srcset-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna- 
ssl.com/wp-content/uploads/2020/01/mobile-usability-testing-640x578.png 1x, 
https://3fxtqy 18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
uploads/2020/01/mobile-usability-testing-768x694.png 2x" data-lazy- 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
uploads/2020/01/mobile-usability-testing.png" alt="get the most out of mobile 
usability tests" title="mobile usability testing" width="294" height="266" 
class="b-lazy b-lazy-hidden attachment-post-thumbnail size-post-thumbnail wp- 
post-image"><noscript>&lt;img src-"https://3fxtqy18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/uploads/2020/01/mobile-usability- 
testing.png" alt="get the most out of mobile usability tests" title="mobile 
usability testing" width="294" height="266" class="attachment-post-thumbnail 
size-post-thumbnail wp-post-image"&gt; «/noscript» </div> «div class="related- 
article content"> <h3>How to run Mobile Usability Tests for the best 
results</h3> «p class-"related-article content-excerpt">For a business, 
nothing is more important than ensuring that its mobile apps are flawless (or as 
clo...</p> </div> «div class="related-article learn-more arrow-link">Learn 
More</div> </a> </article> </div> «div class="col-md-4 col-Ig-4 col-xs-12 col- 
sm-6"> «article class="related-article"> <a 
href="https://www.browserstack.com/guide/how-to-install-ipa-on-iphone" 
title="How to install .ipa test file on iPhone" class="custom-btn-amp-events 


related-article link" data-btn-eventname="ClickedRelatedArticle" data-btn- 
ampjson="{&quot;title&quot;:&quot;How to install .ipa test file on 

iPhone&quot;, &quot;url&quot;:&quot;https:VVwww.browserstack.comVguideV 
how-to-install-ipa-on-iphone&quot;,&quot;position&quot;:2}"> <div 
class="related-article img"> <img 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
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ampjson="{&quot;name&quot;:&quot;mobile-app- 
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</section> </main> «aside class="sidebar" role="complementary"> <div 
class="sidebar-widget"> </div> <div class="sidebar-widget"> </div></aside> 


<footer class="bg-inverse footer-habitat" id="footer-habitat"> <div 
class="container"> <div class="row footer-top-section"> <div class="footer- 
toplink-section row"> <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2 col-xl-2"> 
«div id="nav menu-2" class="widget nav menu"><h6>Products</h6><ul 
id="menu-products" class="menu"><li id="menu-item-555" class="menu-item 
menu-item-type-custom menu-item-object-custom menu-item-555"><a 
href="/live"><span class="item-text">Live</span></a></li><li id="menu- 
item-556" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-556"><a href="/automate"><span 
class="item-text">Automate</span></a></li><li id2"menu-item-26871" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-26871"><a href="/percy"><span class="item-text">Percy</span> <span 
class="btn-badge btn-primary">New!</span> </a> </li><li id="menu-item-557" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-557"><a href="/app-live"> <span class="item-text">App 
Live</span> </a> </li><li id="menu-item-558" class="menu-item menu-item- 
type-custom menu-item-object-custom menu-item-558"><a href="/app- 
automate"><span class="item-text">App Automate</span></a></li><li 
id="menu-item-64" class="menu-item menu-item-type-custom menu-item- 
object-custom menu-item-64"><a href="/screenshots"><span class="item- 
text">Screenshots</span> </a> </li><li id2"menu-item-65" class="menu-item 
menu-item-type-custom menu-item-object-custom menu-item-65"><a 
href="/responsive"> «span class="item-text">Responsive</span> </a> </li> «li 
id="menu-item-559" class="menu-item menu-item-type-custom menu-item- 
object-custom menu-item-559"><a href="/enterprise?ref=footer"> <span 
class="item-text">Enterprise</span></a></li><li id2"menu-item-26237" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-26237"><a href="/speedlab"> <span class="item-text">SpeedLab</span> 
«span class="btn-badge btn-primary">New!</span></a> </li> </ul> </div> 
</div> «div class="col-xs-12 col-sm-3 col-md-2 col-lg-2 col-xl-2"> <div 
id="nav_menu-3" class="widget_nav_menu"><h6>Platform</h6><ul 
id="menu-mobile" class="menu"><li id="menu-item-25027" class="menu-item 
menu-item-type-custom menu-item-object-custom menu-item-25027"» «a 
href="/list-of-browsers-and-platforms"> «span class-"item-text"- Browsers 
&amp; Devices</span> «/a» </li> «li id="menu-item-25028" class="menu-item 
menu-item-type-custom menu-item-object-custom menu-item-25028"» «a 
hrefz"/data-centers"» «span class="item-text">Data 
Centers</span> </a> «/li7 «li id="menu-item-25029" class="menu-item menu- 
item-type-custom menu-item-object-custom menu-item-25029"><a 
href="/mobile-features"> <span class="item-text"> Mobile 
Features</span> </a> </li><li id="menu-item-25030" class="menu-item menu- 
item-type-custom menu-item-object-custom menu-item-25030"><a 
href="/security"> <span 
class="item-text">Security</span></a></li></ul></div> </div> <div 
class="col-xs-12 col-sm-3 col-md-2 col-lg-2 col-xl-2 custom-footer-menu custom- 
footer-width"> «div id="nav_menu-8" 
class="widget_nav_menu"><h6>Solutions</h6><ul id="menu-solutions" 
class="menu"> <li id="menu-item-45110" class="menu-item menu-item-type- 
custom menu-item-object-custom menu-item-45110"><a href="/test-on- 
iphone"» «span class="item-text">Test on iPhone</span></a> </li> «li 
id="menu-item-45111" class="menu-item menu-item-type-custom menu-item- 
object-custom menu-item-45111"» «a href="/test-on-ipad"> «span class="item- 
text" 2 Test on iPad«/span» «/a» «/li» «li id2"menu-item-45112" class="menu- 
item menu-item-type-custom menu-item-object-custom menu-item-45112"» «a 


href="/test-on-galaxy"> <span class="item-text">Test on 
Galaxy</span> </a> </li><li id="menu-item-45113" class="menu-item menu- 
item-type-custom menu-item-object-custom menu-item-45113"><a href="/test- 
in-internet-explorer"> «span class="item-text">Test In IE</span></a> </li> «li 
id="menu-item-45114" class="menu-item menu-item-type-custom menu-item- 
object-custom menu-item-45114"><a href="/android-testing"> <span 
class="item-text">Android Testing</span></a> «/li» «li id="menu-item-45115" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-45115"><a href="/ios-testing"> <span class="item-text">iOS 
Testing</span> </a> «/li» «li id="menu-item-45116" class="menu-item menu- 
item-type-custom menu-item-object-custom menu-item-45116"><a 
href="/cross-browser-testing"> <span class="item-text">Cross Browser 
Testing</span> </a> «/li» «li id="menu-item-45117" class="menu-item menu- 
item-type-custom menu-item-object-custom menu-item-45117"><a 
href="/emulators-simulators"> <span class="item-text">Emulators kamp; 
Simulators</span> </a> </li><li id="menu-item-45118" class="menu-item 
menu-item-type-custom menu-item-object-custom menu-item-45118"><a 
href="/selenium"><span class="item-text">Selenium</span> </a> </li> «li 
id="menu-item-45119" class="menu-item menu-item-type-custom menu-item- 
object-custom menu-item-45119"><a href="/automate/cypress"> <span 
class="item-text">Cypress</span></a></li><li id="menu-item-45120" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-45120"><a href="/android-emulators"><span class="item-text">Android 
Emulators</span></a></li><li id="menu-item-45121" class="menu-item 
menu-item-type-custom menu-item-object-custom menu-item-45121"><a 
href="/percy/visual-testing"><span class="item-text">Visual 
Testing</span></a></li></ul></div> </div> <div class="col-xs-12 col-sm-3 
col-md-2 col-lg-2 col-xl-2 custom-footer-width"> <div id="nav_menu-4" 
class="widget_nav_menu"><h6>Resources</h6><ul id="menu-other-links" 
class="menu"><li id="menu-item-25031" class="menu-item menu-item-type- 
custom menu-item-object-custom menu-item-25031"><a href="/test-on-the- 
right-mobile-devices"><span class="item-text">Test on Right 
Devices</span></a></li><li id="menu-item-25032" class="menu-item menu- 
item-type-custom menu-item-object-custom menu-item-25032"><a 
href="/support"> «span class="item-text">Support</span></a></li><li 
id="menu-item-25033" class="menu-item menu-item-type-custom menu-item- 
object-custom menu-item-25033"><a 
href="https://status.browserstack.com"> <span 
class="item-text">Status</span> </a> «/li» «li id="menu-item-25034" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-25034"» «a href="/release-notes"> «span class="item-text">Release 
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1010.1,788.8L-1010.1,788.8z "></path> «path id="XXMLID 48 " class="st10" 
d="M-1000.6,785.8c-0.3-0.8-0.5-1.6-0.5-3c0-1.4,0.1-2.2,0.5-3c0.8-2.2,2.7- 
3.3,5.4-3.3 c2.7,0,4.6,1.2,5.4,3.3c0.3,0.8,0.5,1.6,0.5,3c0,1.4-0.1,2.2-0.5,3c- 
0.8,2.2-2.7,3.3-5.4,3.3C-997.9,789.1-999.9,788-1000.6,785.8z M- 
992.7,785.1c0.3-0.6,0.3-1.2,0.3-2.2s-0.1-1.6-0.3-2.2c-0.4-1-1.2-1.6-2.5-1.6c- 
1.2,0-2.1,0.6-2.5,1.6c-0.3,0.7-0.3,1.2-0.3,2.2 
s0.1,1.6,0.3,2.2c0.4,1,1.2,1.6,2.5,1.6C-994,786.7-993.2,786.1- 
992.7,785.lz"></path> «path id<"XXMLID 46 " class="st10" d="M- 
976.3,788.8c-0.1,0-0.3-0.1-0.3-0.31-2.5-7.8h-0.11-2.5,7.7c-0.1,0.1-0.1,0.3- 
0.3,0.3h-2.2 c-0.1,0-0.3-0.1-0.3-0.31-4.1-11.6c-0.1-0.1,0.1-0.3,0.2- 
0.3h2.6c0.2,0,0.3,0.1,0.3,0.312.5,8h0.112.5-8c0.1-0.1,0.2-0.3,0.3-0.3h2 
C0.1,0,0.3,0.1,0.3,0.312.6,8h0.112.4-8c0.1-0.2,0.1-0.3,0.3- 
0.3h2.6c0.1,0,0.3,0.1,0.2,0.31-4,11.6c-0.1,0.1-0.1,0.3-0.3,0.3 L-976.3,788.8L- 
976.3,788.8z"></path> «path id="XXMLID 44 " class="st10" d="M- 
969.1,787.2c-0.1-0.1-0.1-0.3,0-0.311.6-1.5c0.1-0.1,0.3- 
0.1,0.4,0c0.9,0.8,2.5,1.4,3.9,1.4 c1.6,0,2.4-0.6,2.4-1.4c0-0.7-0.5-1.2-2.2-1.31-1.4- 
0.1c-2.6-0.3-4-1.5-4-3.5c0-2.3,1.8-3.9,5-3.9c2,0,3.7,0.6,4.9,1.4 
C0.1,0.1,0.1,0.3,0.1,0.31-1.3,1.4c-0.1,0.1-0.3,0.1-0.4,0.1c-0.8-0.5-2.2-1-3.4-1c- 
1.3,0-2,0.5-2,1.3c0,0.7,0.5,1.1,2.2,1.3 11.4,0.1c2.7,0.3,4,1.6,4,3.5c0,2.4-1.9,4.1- 
5.5,4.1C-966.1,789.2-968,788.2-969.1,787.2z"></path> «path 

id="XXMLID 41 " class="st10" d="M-955.9,785.8c-0.3-0.8-0.5-1.7-0.5-3s0.1- 
2.2,0.5-3c0.8-2.2,2.7-3.3,5.4-3.3 
C2.7,0,4.6,1.3,5.4,3.3c0.3,0.8,0.5,1.7,0.5,3.7c0,0.1-0.1,0.3-0.3,0.3h-8.2c-0.1,0- 
0.1,0.1-0.1,0.1c0,0.3,0.1,0.7,0.2,0.9 c0.5,1.2,1.4,1.8,2.9,1.8s2.4-0.5,3.1-1.1c0.1- 
0.1,0.3-0.1,0.5-0.111.6,1.3c0.1,0.1,0.1,0.3,0.1,0.3c-1.1,1.2-3,2.1-5.4,2.1 C- 
953.2,789.2-955.2,788-955.9,785.8z M-948,780.4c-0.3-1-1.3-1.6-2.5-1.6s- 
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47.9,781.1-947.9,780.7-948,780.4z"></path> «path 

| 39 " class="st10" d="M-942.6,788.8c-0.1,0-0.3-0.1-0.3-0.3v- 

0-0.1,0.1-0.3,0.3-0.3h2.5c0.1,0,0.3,0.1,0.3,0.3 v1h0.1c0.6-0.9,1.8-1.6,3.4- 
.7,1c0.1,0.1,0.1,0.3,0.1,0.31-1.4,1.7c-0.1,0.1-0.3,0.1-0.4,0.1 c- 

6- -0.6c-1.7,0-2.5,1.1-2.5,3.1v6.5c0,0.1-0.1,0.3-0.3,0.3L- 
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|- 1.8 
3v772 0-1 1,0. = 0. 3,0.3- 
0.1,0,0.3,0.1,0.3,0.3v9.814.5-4.8c0.1-0.2,0.3-0.3,0.5-0.3h2.8 
c0.1,0,0.3,0.1,0.1,0.31-4.2,4.414.7,7.2c0.1,0.1,0.1,0.3-0.1,0.3L-876.9,788.8L- 
876.9,788.8z"></path></g></svg> </a> </div> <h6>Social</h6> <ul 
class="horizontal-list footer-menu social-menu"> <li> <a class="social-link 
custom-btn-amp-events" href="https://twitter.com/browserstack" 
target="_blank" rel="noopener noreferrer" title="Twitter" data-btn- 
eventname="ClickedOnFooter" data-btn- 
ampjson="(&quot; value&quot;:&quot; Twitter&quot;, &quot;group&quot;:&quot;S 
ocial&quot;}"> «span class="icon-twitter"><svg version="1.1" 
xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19 
17" style="enable-background:new 0 0 19 17;" xml:space="preserve"><style 
type="text/css"> .stwiiter{display:none;} .stwitter1 {display:inline; fill: 4FFFFFF;) 
.stwitter2 (fill: #FFFFFF;}</style><g class="stwiiter"> «path class="stwitter1" 
d="M7.38,5.67H5.25V8.5h2.12V17h3.54V8.5h2.5810.25-2.83h-2.83V4.49c0- 
0.68,0.14-0.94,0.79-0.94h2.04V0h-2.7 
C8.51,0,7.38,1.12,7.38,3.27V5.67z"></path></g><g> <g 
id="Logo x2014 FIXED"> <g> «path class="stwitter2" 
d="M5.97,16.22c7.17,0,11.09-5.95,11.09-11.09c0-0.17,0-0.33-0.01-0.5c0.76- 


-1.24,1.95-2.02 c-0.7,0.31-1.45,0.52-2. 
-2.16C17.72,1.51,16.89,1.83,16,2.01c- 


3; 4 
.8,1.48,6,2.52,6.7C1.89,6.68,1.28,6.5,0.76,6.21c0,0.02,0,0.03,0,0.05c0,1. 
,3.47,3.12,3.82 c-0.33,0.09-0.67,0.14-1.03,0.14c-0.25,0-0.49-0.02-0.73- 
0. 07c0. 49,1.55,1.94,2.68,3.64,2.71c-1.34,1.05-3.02,1.67-4.84,1.67 c-0.31,0- 
0.62-0.02-0.93-0.05C1.72,15.58,3.77,16.22,5.97,16.22" » «/path» </g> 
</g></g></svg></span> </a> </li> «li» «a class="social-link custom-btn- 
amp-events" 
href="https://www.facebook.com/pages/BrowserStack/305988982776051" 
target="_blank" rel="noopener noreferrer" title="Facebook" data-btn- 
eventname="ClickedOnFooter" data-btn- 
ampjson="{&quot;value&quot;:&quot;Facebook&quot;,&quot;group&quot;:&quo 
t;Social&quot;)"> <span class="icon-facebook"><svg version="1.1" 
xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19 
17" style="enable-background:new 0 0 19 17;" xml:space="preserve"><style 
type="text/css"> .sfacebook fill: £FFFFFF;) </style> «path class="sfacebook" 
d="M7.38,5.67H5.25V8.5h2.12V17h3.54V8.5h2.5810.25-2.83h-2.83V4.49c0- 
0.68,0.14-0.94,0.79-0.94h2.04V0h-2.7 
C8.51,0,7.38,1.12,7.38,3.27V5.67z"></path></svg></span> </a> </li> <li> 
<a class="social-link custom-btn-amp-events" 
href="https://www.linkedin.com/company/browserstack/" target="_blank" 
rel="noopener noreferrer" title="Linkedln" data-btn- 
eventname="ClickedOnFooter" data-btn- 
ampjson="(&quot; value&quot;:&quot; Linkedin&quot; &quot;group&quot;:&quot; 
Social&quot;)"> <span class="icon-linkedin"><svg version="1.1" 
id="linkedlnlconLayer_1" xmIns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 
459.5 450.7" xml:space="preserve" fill="#fff"><path d="M3.4,146.6192.8- 
1.2v303.81-92.8,1.2L3.4,146.6L3.4,146.62"></path><path 
d="M173.9,146.6188.7-1.1v38.610,10.9c26.3-25.7,53.3-45.2,96.6- 
45.2c51,0,100.4,21.4,100.4,91v208.41-90,1.3 V291.5c0-35.1-8.8-57.7-50.7- 
57.7c-36.9,0-52.4,6.6-52.4,55.2v160.41-92.5,1.1L173.9,146.6L173.9,146.6z"></ 
path><path d="M101.6,50.8c0,28.1-22.7,50.8- 
50.8,50.850,78.8,0,50.8C0,22.7,22.7,0,50.8,0C78.8,0,101.6,22.7,101.6,50.8 
L101.6,50.8z"></path></svg></span> </a> </li> <li> <a class="social-link 
custom-btn-amp-events" href="https://www.youtube.com/c/browserstack" 
target=" blank" rel="noopener noreferrer" title="YouTube" data-btn- 
eventname="ClickedOnFooter" data-btn- 
ampjson="(&quot; value&quot;:&quot; YouTube&quot;, &quot;group&quot;:&quot; 
Social&quot;)"> <span class="icon-youtube"><svg enable-background="new 0 
0 176 124" viewBox="0 0 176 124" 
xmlns="http://www.w3.org/2000/svg"> «path d="m172.3 19.4c-2-7.6-8-13.6- 
15.6-15.7-13.7-3.7-68.7-3.7-68.7-3.7s-55 0-68.8 3.7c-7.6 2-13.5 8-15.6 15.7-3.6 
13.8-3.6 42.6-3.6 42.650 28.8 3.7 42.6c2 7.6 8 13.6 15.6 15.7 13.7 3.7 68.7 3.7 
68.7 3.7s55 0 68.8-3.7c7.6-2 13.5-8 15.6-15.7 3.6-13.8 3.6-42.6 3.6-42.6s0-28.8- 
3.7-42.6zm-102.3 68.8v-52.4146 26.2z" fill="#fff"></path></svg></span> 
</a> </li> <li> <a class="social-link custom-btn-amp-events" 
href="https://www.instagram.com/browserstack" target-" blank" rel="noopener 
noreferrer" title="Instagram" data-btn-eventname="ClickedOnFooter" data-btn- 
ampjson="{&quot;value&quot;:&quot;Instagram&quot;,&quot;group&quot;:&quo 


7 
0 
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t;Social&quot;)"> <span class="icon-instagram" > «svg 
xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" 
viewBox="0 0 18 18"> <defs> «path id<"prefix a" d="MO 0.006L17.994 0.006 
17.994 17.998 0 17.998z"></path> </defs> <g fill="none" fill-rule="evenodd"> 
«mask id="prefix__b" fill="#fff"> «use xlink:href="+Fprefix_ a"></use> 
</mask> <path fill="#FFF" d="M8.997.006c-2.443 0-2.75.01- 
3.71.054-.957.043-1.611.196-2.183.418-.592.23-1.094.538-1.594 1.038S.702 
2.518.472 3.109C.25 3.682.098 4.336.054 5.293.01 6.253 0 6.56 0 9.003c0 
2.443.01 2.75.054 3.71.044.957.196 1.611.418 2.183.23.592.538 1.094 1.038 
1.594s1.002.808 1.594 1.038c.572.222 1.226.374 2.184.418.96.044 1.266.054 
3.71.054 2.443 0 2.749-.01 3.709-.054.957-.044 1.611-.196 2.184-.418.591-.23 
1.093-.538 1.593-1.038s.808-1.002 1.038-1.594c.222-.572.375-1.226.418- 
2.184.044-.96.054-1.266.054-3.71 0-2.443-.01-2.749-.054-3.709-.044-.957-.196- 
1.611-.418-2.184-.23-.591-.538-1.093-1.038-1.593515.482.708 
14.891.478C14.318.256 13.664.104 12.707.06c-.96-.044-1.266-.054- 
3.71-.054zm0 1.62c2.402 0 2.687.01 3.636.053.877.04 1.353.187 
1.67.31.42.163.72.358 1.035.673.315.315.51.615.673 1.035.123.317.27.793.31 
1.67.043.949.052 1.234.052 3.636s-.009 2.687-.052 3.635c-.04.878-.187 
1.354-.31 1.671-.163.42-.358.72-.673 1.035-.315.314-.615.51- 
1.035.673-.317.123-.793.27-1.67.31-.949.043-1.233.052-3.636.052-2.402 0- 
2.687-.01-3.635-.053-.878-.04-1.354-.186-1.671-.31-.42-.163-.72-.358- 
1.035-.672-.314-.315-.51-.615-.673-1.035-.123-.317-.27-.793-.31- 
1.67-.043-.95-.052-1.234-.052-3.636s.01-2.687.053-3.636c.04-.877.186- 
1.353.31-1.67.163-.42.358-.72.672-1.035.315-.315.615-.51 
1.035-.673.317-.123.793-.27 1.67-.31.95-.043 1.234-.052 3.636-.052z" 
mask="url(#prefix__b)"></path> «path fill="#FFF" d="M8.997 12.002c-1.656 
0-2.999-1.343-2.999-3 0-1.656 1.343-2.998 3-2.998 1.655 0 2.998 1.343 2.998 
2.999 0 1.656-1.343 2.999-2.999 2.999zm0-7.62c-2.551 0-4.62 2.07-4.62 4.620 
2.553 2.069 4.621 4.62 4.621 2.552 0 4.62-2.068 4.62-4.62s-2.068-4.62-4.62- 
4.62zM14.88 4.2c0 .596-.484 1.08-1.08 1.08-.596 0-1.08-.484-1.08-1.08 
0-.596.484-1.08 1.08-1.08.596 0 1.08.484 1.08 1.08"» «/path» 
</g></svg></span> </a> </li> </ul> <div class="custom-footer-btn custom- 
footer-contact-btn"> <a id="customFooterContactBtn" href="/contact? 
ref=footer" data-btn-eventname="ClickedOnFooter" data-btn- 
ampjson="{&quot;value&quot;: &quot;Contact Us&quot;, &quot;group&quot;: 
&quot;Social&quot; )" class="btn btn-primary btn-md col-md-2 custom-btn-amp- 
events" » «span class="custom-footer-btn-icon"><svg width="24" height="24" 
alt="Contact Us" viewBox="0 0 24 24" fill="none" 
xmlns="http://www.w3.org/2000/svg"><path d="M19 
3H18V1H16V3H8V1H6V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 
21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM12 6C13.66 6 15 7.34 15 9C15 10.66 
13.66 12 12 12C10.34 12 9 10.66 9 9C9 7.34 10.34 6 12 6ZM18 18H6V17C6 15 
10 13.9 12 13.9C14 13.9 18 15 18 17V18Z" 
fill="white"> </path> «/svg» </span><span class="custom-footer-btn- 
text">Contact Us</span></a> </div> </div> </div> <div class="footer- 
bottomlink-section mobile" id="footer-mobile-menu-toggle"> <div class="col-xs- 
12"> <button class="footer-collapse-head" id="footer-mobile-menu-click">Do 
more with BrowserStack <span class="footer-down-caret caret"><svg 
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff" 
width="14.5px" height="14.5px"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 
1016 6 6-6z"></path><path d="MO 0h24v24H0z" 
fill="none"></path></svg></span> <span class="footer-up-caret close 
caret"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" 


fillz"zfff" width="14.5px" height="14.5px"><path d="M12 81-6 6 1.41 1.41L12 
10.8314.59 4.58L18 14z"></path><path d="MO 0h24v24H0z" 
fill="none"></path></svg></span></button> «div id="nav menu-6" 
class="widget_nav_menu"><ul id="menu-more-links" class="menu"> <li 
id="menu-item-25044" class="menu-item menu-item-type-custom menu-item- 
object-custom menu-item-25044"><a href="/test-in-internet-explorer" 
tabindex="-1"><span class="item-text">Test In IE</span></a></li> «li 
id="menu-item-25045" class="menu-item menu-item-type-custom menu-item- 
object-custom menu-item-25045"><a href="/mobile-browser-emulator" 
tabindex="-1"> «span class="item-text">Mobile Emulators</span> </a> </li> «li 
id="menu-item-25046" class="menu-item menu-item-type-custom menu-item- 
object-custom menu-item-25046"><a href="/test-on-iphone" tabindexz"- 
1"><span class="item-text">Test on iPhone</span> </a> </li><li id="menu- 
item-25047" class="menu-item menu-item-type-custom menu-item-object- 
custom menu-item-25047"2 «a hrefz"/test-on-ipad" tabindexz"-1"» «span 
class="item-text"> Test on iPad</span></a> «/li» «li id="menu-item-25048" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-25048"» «a href="/test-on-galaxy" tabindexz"-1"» «span class="item- 
text">Test on Galaxy «/span» «/a» «/li» «li id="menu-item-25049" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-25049"» «a href="/android-testing" tabindex-"-1"» «span class="item- 
text" “Android Testing «/span- «/a» «/li» «li id="menu-item-25050" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-25050"» «a href="/ios-testing" tabindex-"-1"» «span class="item- 

text" iOS Testing</span> </a> «/li» «li id2"menu-item-25051" class="menu- 
item menu-item-type-custom menu-item-object-custom menu-item-25051"» «a 
href="/guide" tabindex-"-1"» «span 
class="item-text">Guide</span></a> «/li» «li id2"menu-item-25052" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-25052"2 «a href="/cross-browser-testing" tabindex="-1"> <span 
class="item-text">Cross Browser Testing</span> </a> </li> «li id="menu-item- 
25053" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-25053"» «a href="/emulators-simulators" tabindex="-1"> «span 
class<"item-text" - Emulators &amp; Simulators</span> «/a» «/li» «li id="menu- 
item-25054" class="menu-item menu-item-type-custom menu-item-object- 
custom menu-item-25054"» «a hrefz"/selenium" tabindex-"-1"» «span 
class="item-text">Selenium</span> </a> «/li» «li id="menu-item-27041" 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-27041"» «a href="/automate/cypress" tabindex-"-1"» «span class="item- 
text" 2 Cypress«/span» </a> «/li» «li id2"menu-item-25055" class="menu-item 
menu-item-type-custom menu-item-object-custom menu-item-25055"» «a 
href="/android-emulators" tabindexz"-1"» «span class-z"item-text"- Android 
Emulators</span> </a> «/li» «li id="menu-item-25056" class="menu-item 
menu-item-type-custom menu-item-object-custom menu-item-25056"><a 
href="/responsive-design" tabindex="-1"><span class="item-text" > Responsive 
Design</span> </a> «/li» «li id="menu-item-29364" class="menu-item menu- 
item-type-custom menu-item-object-custom menu-item-29364"><a 
href="/percy/visual-testing" tabindex="-1"><span class="item-text">Visual 
Testing</span></a></li></ul></div> </div> </div> <div class="col-xs-12 col- 
md-4 col-lg-8 col-xl-8 footer-brand-container"> «a class="brand custom-btn- 
amp-events" title="BrowserStack Logo" href="/" data-btn- 
eventname="ClickedOnFooter" data-btn- 

ampjson="(&quot; value&quot;:&quot; BrowserStack Logo&quot;}"> <svg 
alt="Header logo" class="w-svg" width="219" version="1.1" id="Layer 1" 


xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="- 
1076.1 758.6 202.1 43.6" style="enable-background:new -1076.1 758.6 202.1 
43.6;" xml:space="preserve"><style 

type="text/css"> .stO{fill:#F4B960;} .st1{fill: #E66F32;} .st2 (fill:4E43C41;) .st3 
{fill:#BDDO41;} .st4{fill:#6DB54C;} .st5 (fill: #AEDAE6;} .st6 {fill:#56B8DE; } .st7 
{fill:#00B1D5;} .st8{fill:url(#XMLID_2_);} .st9O{fill:#221F1F;} .stlO{fill: #FFFFFF; 
}</style><g> «g id="XMLID_57 "> «circle id="XMLID_68_" class="st0" cx="- 
1054.3" cy="780.4" r="21.7"></circle> «circle id="XMLID_67 " class="st1" 
cx="-1056.5" cy="778.2" r="19.6"></circle> «circle id="XMLID 66 " 
class="st2" cx="-1053.8" cy="775.7" r="17"></circle> «circle id="XMLID 65 " 
class="st3" cx="-1052.5" cy="777" r="15.6"></circle> «circle id="XMLID_64 " 
class="st4" cx="-1053.6" cy="778.2" r="14.5"></circle> <circle 
id="XMLID 63 " class="st5" cx="-1055.9" cy="775.8" r="12.1"></circle> 
«circle id="XMLID_62_" class="st6" cx="-1054" cy="773.8" r="10.2"></circle> 
«circle id="XMLID 61 " class="st7" cx="-1052.7" cy="775.2" r="8.9"></circle> 
«radialGradient id="XMLID 2 " cx="-1053.988" cy="-164.5" r="7.661" 
gradientTransform="matrix(1 0 0 -1 0 611.9999)" 
gradientUnits="userSpaceOnUse"> <stop offset="0" style="stop- 
color:#797979"></stop> «stop offset="1" 
style="stop-color:#4C4C4C"></stop> </radialGradient> «circle 
id="XMLID_60_" class="st8" cx="-1054" cy="776.4" r="7.6"></circle> <circle 
id="XMLID_59 " class="st9" cx="-1054" cy="776.4" r="7.6"></circle> <ellipse 
id="XMLID 58 " transform="matrix(0.4094 -0.9124 0.9124 0.4094 -1326.5503 - 
501.9048)" class="st10" cx="-1050.9" cy="773.6" rx="2.4" ry="1.5"></ellipse> 
</g> «path id="XMLID 53 " class="st10" d="M-1025.5,772.2c0-0.1,0.1-0.3,0.3- 
0.3h6.9c3.9,0,5.7,1.8,5.7,4.5c0,2-1,3-2.2,3.6v0.1 c1.1,0.4,2.5,1.8,2.5,3.9c0,3.4- 
2.3,5-6.3,5h-6.6c-0.1,0-0.3-0.1-0.3-0.3C-1025.5,788.7-1025.5,772.2- 


1025.5,772.2z M-1018.4,779 c1.6,0,2.6-0.9,2.6-2.2c0-1.4-1-2.3-2.6-2.3h-3.7c- 
0.1,0-0.1,0.1-0.1,0.1v4.2c0,0.1,0.1,0.1,0.1,0.1 C-1022.2,779-1018.4,779- 
1018.4,779z M-1022.2,786.2h3.9c1.8,0,2.8-0.9,2.8-2.4s-1-2.4-2.8-2.4h-3.9c- 
0.1,0-0.1,0.1-0.1,0.1v4.4 C-1022.4,786.2-1022.2,786.2-1022.2,786.2z"></path> 
«path id="XMLID 51 " class="st10" d="M-1010.1,788.8c-0.1,0-0.3-0.1-0.3-0.3v- 
11.6c0-0.1,0.1-0.3,0.3-0.3h2.5 c0.1,0,0.3,0.1,0.3,0.3v1h0.1c0.6-0.9,1.8-1.6,3.4- 
1.6c1,0,2.1,0.4,2.7,1c0.1,0.1,0.1,0.3,0.1,0.31-1.4,1.7 c-0.1,0.1-0.3,0.1-0.4,0.1c- 
0.6-0.3-1.2-0.6-2-0.6c-1.7,0-2.5,1.1-2.5,3.1v6.5c0,0.1-0.1,0.3-0.3,0.3L- 
1010.1,788.8L-1010.1,788.8z "></path> «path id="XMLID 48 " class="st10" 
d="M-1000.6,785.8c-0.3-0.8-0.5-1.6-0.5-3c0-1.4,0.1-2.2,0.5-3c0.8-2.2,2.7- 
3.3,5.4-3.3 c2.7,0,4.6,1.2,5.4,3.3c0.3,0.8,0.5,1.6,0.5,3c0,1.4-0.1,2.2-0.5,3c- 
0.8,2.2-2.7,3.3-5.4,3.3C-997.9,789.1-999.9,788-1000.6,785.8z M- 
992.7,785.1c0.3-0.6,0.3-1.2,0.3-2.2s-0.1-1.6-0.3-2.2c-0.4-1-1.2-1.6-2.5-1.6c- 
1.2,0-2.1,0.6-2.5,1.6c-0.3,0.7-0.3,1.2-0.3,2.2 
50.1,1.6,0.3,2.2c0.4,1,1.2,1.6,2.5,1.6C-994,786.7-993.2,786.1- 
992.7,785.1z"></path> «path id="XMLID 46 "class="st10" d="M- 
976.3,788.8c-0.1,0-0.3-0.1-0.3-0.31-2.5-7.8h-0.11-2.5,7.7c-0.1,0.1-0.1,0.3- 
0.3,0.3h-2.2 c-0.1,0-0.3-0.1-0.3-0.31-4.1-11.6c-0.1-0.1,0.1-0.3,0.2- 
0.3h2.6c0.2,0,0.3,0.1,0.3,0.312.5,8h0.112.5-8c0.1-0.1,0.2-0.3,0.3-0.3h2 
C0.1,0,0.3,0.1,0.3,0.312.6,8h0.112.4-8c0.1-0.2,0.1-0.3,0.3- 
0.3h2.6c0.1,0,0.3,0.1,0.2,0.31-4,11.6c-0.1,0.1-0.1,0.3-0.3,0.3 L-976.3,788.8L- 
976.3,788.8z"></path> «path id="XMLID 44 " class="st10" d="M- 
969.1,787.2c-0.1-0.1-0.1-0.3,0-0.311.6-1.5c0.1-0.1,0.3- 
0.1,0.4,0c0.9,0.8,2.5,1.4,3.9,1.4 c1.6,0,2.4-0.6,2.4-1.4c0-0.7-0.5-1.2-2.2-1.31-1.4- 
0.1c-2.6-0.3-4-1.5-4-3.5c0-2.3,1.8-3.9,5-3.9c2,0,3.7,0.6,4.9,1.4 
C0.1,0.1,0.1,0.3,0.1,0.31-1.3,1.4c-0.1,0.1-0.3,0.1-0.4,0.1c-0.8-0.5-2.2-1-3.4-1c- 
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.3L-876.9,788.8L- 


</path></g></svg> </a> </div> </div> <div class="footer- 


bottomlink-section desktop" id 


.5-0.3h2.8 


"M12 81-6 6 1.41 1.41L12 


1,0. 


-0. 
3 
"XMLID 28 " class="st10" d 


"M16.59 8.59L12 13.17 7.41 8.59 6 


3s0.1-2.2,0.5-3c0.8-2.2,2. 


.3-0.1,0.31-1.7,1.4c 
1.6 


"footer-menu-click">Do more with 


.1,0.3c-1,1.1-2.6,1.8-4.5,1.8C-894.6,789.2- 


c-0.3,0.6-0.3,1. 
,2.5,1.6c1.1,0,1.8-0.4,2.4-1c0.1-0.1,0.3- 


.8z M-902.6,784.8v-0.9c0-0. 
.5,2.3,1.5 C-903.7,786.8- 
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"footer-menu-toggle"> «div class="col-xs-12"> 
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path> <path id 
.5-0.31-3.3-51-1.8,1.9v3.1c0,0.1-0.1,0.3-0.3,0.3h-2.5 


0-0.1,0.1-0.3,0.3- 


1 
7 
.8 
h 
-0. 
,0.1 
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.1,0 
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1, 
pat 


785.8c-0.3-0.8-0.5-1.7 


.5,0.7,4.5,1.9c 


.1,0. 
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-0.7,2.5- 
0.1 
0-2. 


2.3,788.8L-902.3, 


,0-2.8,0.5-2.8,1.6c0, 
784.8z"></path> < 


LN! 


caret" » «svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" 


fill="none"></path></svg></span> «span class="footer-up-caret close 
fill="#fff" width="14.5px" height="14.5px"><path d 


xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff" 


width="14.5px" height="14.5px"><path d 


BrowserStack <span class="footer-down-caret caret"><svg 
1016 6 6-6z"» «/path» «path d 


«button class="footer-collapse-head" id 


10.8314.59 4.58L18 14z"></path><path d="MO 0h24v24H0z" 
fill="none"></path> </svg> </span></button> <div id="nav_menu-7" 
class="widget_nav_menu"><ul id="menu-more-links-1" class="menu"> <li 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-25044"><a href="/test-in-internet-explorer" tabindex="-1"><span 
class="item-text">Test In IE</span></a></li><li class="menu-item menu- 
item-type-custom menu-item-object-custom menu-item-25045"><a 
href="/mobile-browser-emulator" tabindex="-1"><span class="item- 
text">Mobile Emulators</span> </a> </li> «li class="menu-item menu-item- 
type-custom menu-item-object-custom menu-item-25046"><a href="/test-on- 
iphone" tabindex="-1"><span class="item-text">Test on 
iPhone</span> </a> </li><li class="menu-item menu-item-type-custom menu- 
item-object-custom menu-item-25047"><a href="/test-on-ipad" tabindex="- 
1"><span class="item-text">Test on iPad</span></a></li><li class="menu- 
item menu-item-type-custom menu-item-object-custom menu-item-25048"» «a 
href="/test-on-galaxy" tabindex-"-1"» «span class="item-text">Test on 
Galaxy «/span? «/a» «/li» «li class="menu-item menu-item-type-custom menu- 
item-object-custom menu-item-25049"- «a href="/android-testing" tabindex="- 
1"><span class="item-text">Android Testing</span></a></li> «li 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-25050"» «a href="/ios-testing" tabindex-"-1"» «span class="item- 

text" -iOS Testing «/span» </a> «/li» «li class="menu-item menu-item-type- 
custom menu-item-object-custom menu-item-25051"» «a href="/guide" 
tabindex-"-1"» «span class="item-text">Guide</span></a> </li> «li 
class="menu-item menu-item-type-custom menu-item-object-custom menu- 
item-25052"2 «a href="/cross-browser-testing" tabindex-"-1"» «span 
classz"item-text"» Cross Browser Testing «/span» </a> «/li» «li class="menu- 
item menu-item-type-custom menu-item-object-custom menu-item-25053"» «a 
href="/emulators-simulators" tabindexz"-1"» «span class="item- 
text" - Emulators &amp; Simulators</span></a></li><li class="menu-item 
menu-item-type-custom menu-item-object-custom menu-item-25054"2 «a 
href="/selenium" tabindex="-1"> «span 
class="item-text">Selenium</span></a> «/li» «li class="menu-item menu- 
item-type-custom menu-item-object-custom menu-item-27041"><a 
href="/automate/cypress" tabindex="-1"> <span 
class="item-text">Cypress</span> </a> </li> «li class="menu-item menu-item- 
type-custom menu-item-object-custom menu-item-25055"><a href="/android- 
emulators" tabindex="-1"><span class="item-text">Android 
Emulators</span></a></li><li class="menu-item menu-item-type-custom 
menu-item-object-custom menu-item-25056"><a href="/responsive-design" 
tabindex="-1"><span class="item-text">Responsive 
Design</span></a></li><li class="menu-item menu-item-type-custom menu- 
item-object-custom menu-item-29364"><a href="/percy/visual-testing" 
tabindex="-1"><span class="item-text">Visual 
Testing</span></a></li></ul></div> </div> </div> </div> <div class="row 
footer-bottom-section"> <div class="col-xs-12 col-md-6 col-lg-8 col-xl-8 
copyright"> <p>© 2011-2022 BrowserStack - The Most Reliable Mobile App 
&amp; Cross Browser Testing Company</p> </div> <div class="col-xs-12 col- 
md-6 col-lg-8 col-xl-8"> <ul class="horizontal-list legal"> <li class="legal-list"> 
<a class="custom-btn-amp-events" href="/terms" data-btn- 
eventname="ClickedOnFooter" data-btn- 
ampjson="{&quot;value&quot;:&quot;Terms of Service&quot;}">Terms of 
Service</a> </li> <li class="legal-list"> <a class="custom-btn-amp-events" 
href="/privacy" data-btn-eventname="ClickedOnFooter" data-btn- 


ampjson="{&quot;value&quot;:&quot;Privacy Policy&quot; }">Privacy 
Policy</a> </li> <li class="legal-list"> <a class="custom-btn-amp-events" 
href="/cookie-policy" data-btn-eventname="ClickedOnFooter" data-btn- 
ampjson="(&quot; value&quot;:&quot; Cookie Policy&quot; }">Cookie Policy</a> 
</li> «li class="legal-list"> <a class="custom-btn-amp-events" href="/sitemap" 
data-btn-eventname="ClickedOnFooter" data-btn- 
ampjson="{&quot;value&quot;:&quot;Sitemap&quot; }">Sitemap</a> </li> 
</ul> </div> </div> </div> </footer> </div><div id="cookie-notification" 
class="cookie-notification"> <div class="row"> <div class="col-sm-9 col-xs-12 
cookie-notification elements no-pad"> «p class="cookie-notification text">We 
use cookies to enhance user experience. By continuing to browse or closing this 
banner, you agree to our «a href="/privacy" target="_blank" aria-label="View 
Privacy Policy document" id="cookie-policy-link">Privacy Policy</a> &amp; <a 
href="/terms" target="_blank" aria-label="View Terms of Service 
document">Terms of Service</a>.</p> </div> <div id="accept-cookie- 
notification-content" class="cookie-notification actions cookie- 

notification elements col-sm-3 col-xs-12 no-pad"> «button class="btn btn- 
primary cookie-notification__got-it-cta js accept-cookie" id="accept-cookie- 
notification" aria-label="Accept all the policies and terms" > Accept All </button> 
«button class="cookie-notification close js accept-cookie" id="accept-cookie- 
notification-cross" aria-label="Accept all the policies and terms and close the 
policies and terms of service acceptance banner"> <svg width="10px" 
height="10px" viewBox="0 0 10 10" version="1.1" 
xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink"> <g> «path 
d="M6.43835616,5.15981735 C6.34703196,5.06849315 
6.34703196,4.93150685 6.43835616,4.84018265 L9.8630137,1.41552511 
C9.9543379,1.32420091 10,1.18721461 10,1.09589041 C10,1.00456621 
9.9543379,0.867579909 9.8630137,0.776255708 L9.22374429,0.136986301 
C9.13242009,0.0456621005 8.99543379,0 8.90410959,0 C8.76712329,0 
8.67579909,0.0456621005 8.58447489,0.136986301 L5.15981735,3.56164384 
C5.06849315,3.65296804 4.93150685,3.65296804 4.84018265,3.56164384 
L1.41552511,0.136986301 C1.32420091,0.0456621005 1.18721461,0 
1.09589041,0 C1.00456621,0 0.867579909,0.0456621005 
0.776255708,0.136986301 L0.136986301,0.776255708 
C0.0456621005,0.867579909 0,1.00456621 0,1.09589041 C0,1.18721461 
0.0456621005,1.32420091 0.136986301,1.41552511 L3.56164384,4.84018265 
C3.65296804,4.93150685 3.65296804,5.06849315 3.56164384,5.15981735 
L0.136986301,8.58447489 C0.0456621005,8.67579909 0,8.81278539 
0,8.90410959 C0,8.99543379 0.0456621005,9.13242009 
0.136986301,9.22374429 L0.776255708,9.8630137 C0.867579909,9.9543379 
1.00456621,10 1.09589041,10 C1.18721461,10 1.32420091,9.9543379 
1.41552511,9.8630137 L4.84018265,6.43835616 C4.93150685,6.34703196 
5.06849315,6.34703196 5.15981735,6.43835616 L8.58447489,9.8630137 
C8.67579909,9.9543379 8.81278539,10 8.90410959,10 C8.99543379,10 
9.13242009,9.9543379 9.22374429,9.8630137 L9.8630137,9.22374429 
C9.9543379,9.13242009 10,8.99543379 10,8.90410959 C10,8.81278539 
9.9543379,8.67579909 9.8630137,8.58447489 L6.43835616,5.15981735 
L6.43835616,5.15981735 Z" fill="#fff"></path> </g> </svg> </button> 
</div> </div></div> <div class="freshchat-bubble hide custom-bubble- 
wrapper" id="freshchat-bubble"> <span class="freshchat-bubble--cancel" 
id="freshchat-bubble--cancel"> <svg width="10px" height="10px" viewBox="0 
O 10 10" fill="#aeaeae" version="1.1" xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink"> <g> <path 


d="M6.43835616,5.15981735 C6.34703196,5.06849315 
6.34703196,4.93150685 6.43835616,4.84018265 L9.8630137,1.41552511 
C9.9543379,1.32420091 10,1.18721461 10,1.09589041 C10,1.00456621 
9.9543379,0.867579909 9.8630137,0.776255708 L9.22374429,0.136986301 
C9.13242009,0.0456621005 8.99543379,0 8.90410959,0 C8.76712329,0 
8.67579909,0.0456621005 8.58447489,0.136986301 L5.15981735,3.56164384 
C5.06849315,3.65296804 4.93150685,3.65296804 4.84018265,3.56164384 
L1.41552511,0.136986301 C1.32420091,0.0456621005 1.18721461,0 
1.09589041,0 C1.00456621,0 0.867579909,0.0456621005 
0.776255708,0.136986301 L0.136986301,0.776255708 
C0.0456621005,0.867579909 0,1.00456621 0,1.09589041 C0,1.18721461 
0.0456621005,1.32420091 0.136986301,1.41552511 L3.56164384,4.84018265 
C3.65296804,4.93150685 3.65296804,5.06849315 3.56164384,5.15981735 
L0.136986301,8.58447489 C0.0456621005,8.67579909 0,8.81278539 
0,8.90410959 C0,8.99543379 0.0456621005,9.13242009 
0.136986301,9.22374429 L0.776255708,9.8630137 C0.867579909,9.9543379 
1.00456621,10 1.09589041,10 C1.18721461,10 1.32420091,9.9543379 
1.41552511,9.8630137 L4.84018265,6.43835616 C4.93150685,6.34703196 
5.06849315,6.34703196 5.15981735,6.43835616 L8.58447489,9.8630137 
C8.67579909,9.9543379 8.81278539,10 8.90410959,10 C8.99543379,10 
9.13242009,9.9543379 9.22374429,9.8630137 L9.8630137,9.22374429 
C9.9543379,9.13242009 10,8.99543379 10,8.90410959 C10,8.81278539 
9.9543379,8.67579909 9.8630137,8.58447489 L6.43835616,5.15981735 
L6.43835616,5.15981735 Z"></path> «/g» </svg> </span> «p 
class="freshchat-bubble--text" id="freshchat-bubble--text"></p> </div> 
<button id="custom-fc-frame" class="hide custom-chat-wrapper"> <img 
class="b-lazy b-lazy-hidden" id="chat-icon" width="20" height="20" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="29962" 
data-lazy-src="https://3fxtqy18kygf30n3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/uploads/2021/03/chat-icon.svg" alt="" title="chat- 
icon"><noscript>&lt;img id="chat-icon" width="20" height="20" 
src-"https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/ 
uploads/2021/03/chat-icon.svg" altz"" title="chat-icon" &gt;</noscript> Talk to 
an Expert </button> «div class="pop-up-signup"> «div class="bs-modal- 
body"> <div class="pop-up-signup container" «div class="pop-up- 

signup container-form"> «div class="text-center learnupon-form-container 
popup-signup-form pack-signup-form col-center"> «form accept-charset="UTF- 
8" action="/users" autocomplete="on" class-"pack-signup-form form" 
id="popup signin signup form" method="post" name="signin signup form" 
«div class="row"> «div class="input-placeholder"> <div 

class<"popup signupFormHeader" id<"popup signupFormHeader"> <h3 
id="popUpCsfModalTitle" class="popup-heading-text">Create a FREE 
account</h3> <p id="popUpCsfModalDesc" class<"popup-sub-heading- 
text">No credit card reguired!</p> </div> <a class<"btn btn-secondary-gray 
col-center oauth-btn google-logo-btn pack-signup-form  g-btn" 

id<"popup google-sign-on-btn" data-oauth-type< "google" 
href="/users/auth/google oauth2?state-" rel="nofollow"> <img alt="Google 
Logo" class="b-lazy b-lazy-hidden pack-signup-form__g-btn-img" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type="image" data-id="0" data-lazy-src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/misc/g- 


logo.svg"><noscript>&lt;img alt="Google Logo" class="pack-signup-form__g- 
btn-img" src="https://3fxtgy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp- 
content/themes/browserstack/img/misc/g-logo.svg"&gt; «/noscript» <span 
class="pack-signup-form__g-btn-text">Sign up with Google</span></a> </div> 
<div class="input-placeholder custom-border-separation"> <div class="pack- 
signup-form _hr-wrapper"> <div class="pack-signup-form__custom-hr"> <span 
class="pack-signup-form hr-text">or</span> </div> </div> </div> <div 
class="input-placeholder user-full-name-input-placeholder show"> <div 
class="input-wrapper user-full-name-wrapper"> <input autocomplete="on" aria- 
label="Enter Full Name" class="custom-input-field input-Ig text" 
id="popup user full name" name="user[full name]" placeholder="Full name" 
type="text" aria-reguired="true"> </div> </div> «div class="input- 
placeholder"> <div class="input-wrapper"> <input autocomplete="on" aria- 
label="Enter Business Email" class="custom-input-field input-lg text 

user email ajax" id="popup user email login" name-"user[email]" 
placeholder="Business Email" type="text" aria-reguired="true"> </div> </div> 
<div class="input-placeholder pass-input-placeholder"> <div class="input- 
wrapper"> <input autocomplete="on" aria-label="Enter Password" 
class="custom-input-field input-lg text" id="popup user password" 
name="user[password]" placeholder="Password" type="password" aria- 
reguired="true"> </div> </div> <div class="input-placeholder google-login- 
button"> <div class="input-wrapper"> <a class="btn btn-primary col-center" 
id="popup_google_sign_in_login_btn" data-oauth-type="google" 
href="/users/auth/google oauth2?state-" rel="nofollow">Login</a> </div> 
</div> <div class="input-placeholder popup-terms-input show checkout-tos" 
id="popup auth tnc wrapper"> <div class="input-wrapper"> <div 
class="checkbox--wrapper"> «input class="bs-checkbox signup-checkbox" 
id="popup_tnc checkbox" name="terms and conditions" type="checkbox" 
value="1" aria-labelledby="auth tnc wrapper" aria-required="true"> «img 
alt="Checkmark" class="b-lazy b-lazy-hidden checkbox--mark" 
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczOnaHROcDovL3d3dy53My5v 
cmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzIDInPjwvc3ZnPg- —" data-lazy- 
type-"image" data-id="0" data-lazy-src-"https://3fxtqy 18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/misc/ 
checkmark.svg" width="10" height="10"><noscript>&lt;img alt="Checkmark" 
class="checkbox--mark" src="https://3fxtqy18kygf30n3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/themes/browserstack/img/misc/ 
checkmark.svg" width="10" height="10"&gt;</noscript> «label class="signup- 
checkbox-label" for="popup tnc checkbox">I agree to BrowserStack's <a 
class="minitext terms-url custom-btn-amp-events" id="popup_terms_link" 
target="_blank" href="https://www.browserstack.com/terms" aria-label="View 
Terms of Service document" data-btn-eventname="InteractedWithSignUpPage" 
data-btn-ampjson<" (&quot;action&quot;:&quot;terms&quot; ) " Terms of 
Service</a> and «a href="https://www.browserstack.com/privacy" 
class="minitext privacy-url custom-btn-amp-events" target="_blank" 

id="popup privacy link" aria-label="View Privacy Policy document" data-btn- 
eventname="InteractedWithSignUpPage" data-btn- 
ampjson="{&quot;action&quot;:&quot;Privacy&quot; ) " Privacy 
Policy</a>.</label> </div> </div> </div> «div class="input-placeholder"> 
<div class="input-wrapper"> <input class="btn btn-primary col-center main- 
submit-btn" data-disable-with="Signing in..." id="popup_user_submit" 
name="commit" type="submit" value="Sign me up" role="button"> <input 
id="popup utf no" name="utf8" type="hidden" value="v"> <input 
name="authenticity token" type="hidden"> <div class="g-recaptcha show" 


data-badge="bottomleft" data-size="invisible" data- 
callback="popUpRecaptchaCallback" data-expired- 
callback="popUpExpiredCaptchaCallback" data-theme="light" data- 
sitekey=" 6LfPBOgfAAAAAEGuLN9MjeW FoAneVBD6R76b-uZ"> </div> </div> 
</div> <div class="signinform-link-elem show popup-sign-in-link"> Already have 
an account? <a class="sign-in-link" id="popup signinFormLink" rel="nofollow" 
href="https://www.browserstack.com/users/sign in" aria-label="Sign in">Sign 
in</a> </div> </div> </form> </div> </div> <div class="pop-up- 
signup container-info"> «div class="pop-up-signup info-box"> <div 
class="pop-up-signup info-box-top"> <h4>What's Included?</h4> <ul> 
<li><strong>Live</strong> - 30 mins of interactive browser testing</li> 
<li><strong>AppLive</strong> - 30 mins of interactive app testing</li> 
<li> «strong» Automate «/strong» - 100 mins of automated browser testing</li> 
«|i» «strong» AppAutomate «/strong» - 100 mins of automated app testing</li> 
«|i» «strong» Percy «/strong» - 50,000 screenshots/month for visual testing «/li- 
<li>Instant access to 1000+ real devices</li> <li>Testing on internal 
development environments</li> <li>Jira, Trello, GitHub and Slack 
integration</li> </ul> </div> <div class="pop-up-signup__info-box- 
devider">&nbsp;</div> <div class="pop-up-signup__info-box-bottom"> <div 
class="pop-up-signup-testi-slider-container"> <div class="pop-up-signup-testi- 
slider-wrap"> «div class="pop-up-signup-testi-slider" data-target="carousel"> 
<div class="pop-up-signup-testi-slider-card" data-target="card"> Healthcare 
company GoodRx used BrowserStack to reduce Testing Time by 90% to Release 
15 Times a Day </div> <div class="pop-up-signup-testi-slider-card" data- 
target="card"> Optimizely runs 15000+ tests every 45 minutes with the help of 
BrowserStack </div> <div class="pop-up-signup-testi-slider-card" data- 
target="card"> Carousell used BrowserStack to reduce manual regression time 
by 7x </div> </div> </div> <div class="pop-up-signup-testi-slider-nav pop-up- 
signup-testi-slider-nav-left"> <button class="pop-up-signup-testi-slider-nav-btn" 
disabled="disabled" data-action="slideLeft" aria-label="Previous"><svg 
width="8" height="14" viewBox="0 0 8 14" fill="none" 
xmlns="http://www.w3.org/2000/svg"> <path d="M7.88986 1.58002L6.7032 
0.400024L0.109863 7.00002L6.70986 13.6L7.88986 12.42L2.46986 
7.00002L7.88986 1.58002Z" class="pop-up-signup-testi-slider-nav-btn-path" 
fill="white"></path></svg> </button> </div> «div class="pop-up-signup-testi- 
slider-nav pop-up-signup-testi-slider-nav-right"> <button class="pop-up-signup- 
testi-slider-nav-btn" disabled="disabled" data-action="slideRight" aria- 
label="Next"><svg width="8" height="14" viewBox="0 0 8 14" fill="none" 
xmlns="http://www.w3.org/2000/svg"> «path d="M0.0766602 12.4867L1.25666 
13.6667L7.92333 7.00004L1.25666 0.333374L0.0766602 1.51337L5.56333 
7.00004L0.0766602 12.4867Z" class="pop-up-signup-testi-slider-nav-btn-path" 
fill="white"></path></svg> </button> </div> «div class="pop-up-signup-testi- 
slider-dots bstack-slider-dots"></div> </div> </div> </div> </div> </div> 
</div> </div> <script type="text/javascript"> 
window.addEventListener("load", function() 1 
var script = document.createElement('script'); 
script.src — 'https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna- 
ssl.com/wp-content/themes/browserstack/js/dist/bstack-load-scripts.js? 
v=1659000872'; 
document.getElementsByTagName('head')[0].appendChild(script); 
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</script> «script type="text/javascript" id="main-js-extra"> 
FE <![CDATAI */ 


var ajax initialize script = ("ajaxurl":"https:VVbrowserstack.wpengine.comVwp- 
adminVadmin-ajax.php","ajax nonce":"00ff635ca9"); 

FE 11> */ 

</script><script defer="defer" srcz"https://3fxtqy18kygf3on3bu39kh93- 
wpengine.netdna-ssl.com/wp-content/cache/js/ 
bstack_8ac3d622ded572b06f3bdb6107c8275f.js?v=1659099142" 
integrity="sha384-uOgYHrlykRTCtR5vsMONxiPgz4m5u/K/zAiDaGaXEf5xxgVNbR2 
uuB82Phc/Ut8y" crossorigin="anonymous"></script><img 
src="https://server.recotap.com/api/rtp/?uuid=hkPiuSyvonnsDXGzvaLF4N5nZ" 
style="display: none;"><img src="https://t.co/i/adsct? 
bci=3&amp;eci=2&amp;event_id=05387320-ef06-4edc-b55e- 
7d61e324dca98amp;events=%5B%5B%22pageview%22%2C%7B%7D%5D 
%5D&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=d2eb2ab5-94ce-403e- 
bd0e-d6b1b6bd0af7 kamp;tw_document_href=https%3A%2F 
%2Fwww.browserstack.com%2Fguide%2Fhow-to-inspect-element-on- 
iphone&amp;tw iframe status=0&amp;tw order quantity=0&amp;tw sale amo 
unt=0&amp;txn id=02jt9&amp;type=javascript&amp;version=2.4.15" 
height="1" width="1" style="display: none;"><img 
src="https://analytics.twitter.com/i/adsct? 
bci=3&amp;eci=2&amp;event_id=05387320-ef06-4edc-b55e- 
7d61e324dca98amp;events=%5B%5B%22pageview%22%2C%7B%7D%5D 
%5D&amp;p id=Twitter&amp;p user id-0&amp;pl id=d2eb2ab5-94ce-403e- 
bd0e-d6blb6bd0af7&amp;tw document href=https%3A%2F 
%2Fwww.browserstack.com%2Fguide%2Fhow-to-inspect-element-on- 
iphone&amp;tw iframe status=0&amp;tw order quantity=0&amp;tw sale amo 
unt=0&amp;txn id=02jt9&amp;type=javascript&amp;version=2.4.15" 
height="1" width="1" style="display: none;"></body></html> 


«html lang="en-GB"><!--<![endif]--> <head> 
«meta http-equiv="X-UA-Compatible" content="IE=edge"> 
«meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
«meta name-"msapplication-config" content="none"> 
«meta name="robots" content="noindex"> 
<meta id="ga-page-time" name="appTimeStamp" content=""> 
<title> 
Sign in to your Universal Credit account - Universal Credit 
</title> 


<link href="/styles/print.b3968944d81d470d83d2.css" media="print" 
rel="stylesheet"> 

<link rel="shortcut icon" 
href="/images/govuk/favicon.b5bada83242a9ba0445b.ico" type="image/x- 
icon"> 

<link class="svg-icon" rel="mask-icon" 
href="/images/govuk/govuk_logotype_crown.f0c3832c79a5d6880040.svg'> 


<!-- Size for iPad and iPad mini (high resolution) --> 

<link rel="apple-touch-icon-precomposed" sizes="152x152" 
href="/images/govuk/govuk-apple-touch-icon- 
152x152.a030b91c0elaec4960e0.png"> 


<!-- Size for iPhone and iPod touch (high resolution) --> 
<link rel="apple-touch-icon-precomposed" sizes="120x120" 
href="/images/govuk/apple-touch-icon-120x120.8c3cf787aaa88e245d4b.png"> 


<!-- Size for iPad 2 and iPad mini (standard resolution) --> 
<link rel="apple-touch-icon-precomposed" sizes="76x76" 
href="/images/govuk/apple-touch-icon-76x76.7c0a307fb22cb1055a0d.png"> 


<!-- Default non-defined size, also used for Android 2.1+ devices --> 
<link rel="apple-touch-icon-precomposed" href="/images/govuk/govuk-apple- 
touch-icon.7e22b25bbeaf44c5e183.png"> 


<meta name="viewport" content="width=device-width, initial-scale=1"> 

<meta content="True" name="HandheldFriendly"> 

<meta content="320" name="MobileOptimized"> 

<meta id="page-id" name="pageld" 
content="Qr7nPIS8PVmAjhh4gLp5fs8ZrAc6zGgjBVjOaX+C0sgVdhFqpGzKNu8yfd 
8rAfAvKYkc6whgalgcdy8ETj7ybg<<"> 


«meta property="og:image" content<"/images/govuk/govuk-opengraph- 
image.b0487e2f69fadb376f8d.png"> 


<link hrefz"/styles/styles-govuk.02c1e0f5c755799daa22.css" 
rel="stylesheet" type="text/css"> 
<link href="/styles/styles-common.05b79b0d9cca8c220a8d.css" 
rel="stylesheet" type="text/css"> 


<noscript> 
&lt; meta http-equiv="refresh" content="910"&gt; 
</noscript> 


<meta name="google-tagmanager-id" id="ga-tag-manager-id" 
content="GTM-TP685K"> 


<script type="text/javascript" async="" src="https://www.google- 

analytics.com/analytics.js" nonce=""></script><script async="" 
src="//www.googletagmanager.com/gtm.js?id=GTM-TP685K"></script> <script 
nonce=""> 

window.dataLayer = window.dataLayer || []; 

window.dataLayer.push({ 

'gtm.whitelist': 

['gaawc','gaawe','ua','cl','Icl','fsl','tl",'jel','hl",'v','c','ctv','e','dbg','d','f','j','smm','r','u' 
„evl','vis','gas','remm'] 


}); 


var gaTagManagerPropertyldElem = document.getElementByld('ga-tag- 
manager-id'), 
gaTagManagerPropertyld = 
gaTagManagerPropertyldElem.getAttribute('content').trim(); 


if (document.cookie.indexOf('uc cookies policy-accepted') !== -1 && /[? 
&]ga=0/.test(window.location.search) === false) 4 


(function (w,d,s,l,i) { 
wil] = wil] || LT; 
w[l].push({ 
'gtm.start': new Date().getTime(), 
event: 'gtm.js' 


}); 


var f = d.getElementsByTagName(s)[0], 
j = d.createElement(s), 
dl = |!= 'dataLayer ? '&l=' + [:"; 


j.async = true; 
j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; 


f.parentNode.insertBefore(j,f); 
})(window, document, 'script', 'dataLayer', gaTagManagerPropertyld); 
} 


</script> 


</head> 


<body class="claimant js-enabled" id="body"> 
<script>document.body.className = ((document.body.className) ? 
document.body.className + " js-enabled" : "js-enabled");</script> 
«noscript» &lt;iframe class="hidden" 
src="//www.googletagmanager.com/ns.html?id=GTM-TP685K" height="0" 
width="0"&gt; &lt;/iframe&gt; </noscript> 


<header> 
<div id="id-cookie-banner" class="govuk-cookie-banner hidden" 
role="region" aria-labelledby="id-cookie-banner-heading"> 
<div class="govuk-cookie-banner message govuk-cookie-banner message-- 
initial govuk-width-container gutter-half-bottom"> 
<div class="govuk-grid-row"> 
<div class="govuk-grid-column-two-thirds"> 
<h2 id="id-cookie-banner-heading" class="govuk-cookie- 
banner heading">Cookies on Universal Credit</h2> 


<div class="govuk-cookie-banner _content"> 
<p>We use some essential cookies to make this service work.</p> 
<p>We'd also like to use analytics cookies so we can understand how 
you use the service and make improvements.</p> 
</div> 
</div> 
</div> 


<div class="gutter-guarter-bottom"> 


«button type="button" class="button govuk-cookie-banner accept- 
button">Accept analytics cookies</button> 
«button type-"button" class="button govuk-cookie-banner reject- 
button">Reject analytics cookies</button> 
</div> 
<a id="cookie-policy-info-link" class="govuk-link" href="/cookiepolicy? 
ga=0">View cookies</a> 
</div> 


«div class="govuk-cookie-banner message govuk-cookie-banner message-- 
accepted govuk-width-container hidden" role="alert"> 
«div class="govuk-grid-row"> 
«div class-"govuk-grid-column-two-thirds" 
«div class="govuk-cookie-banner content"> 
<p>You've accepted analytics cookies. You can <a class="govuk-link" 
href="/cookiepolicy">change your cookie settings</a> at any time.</p> 
</div> 
</div> 
</div> 


<button class="button govuk-cookie-banner hide-button gutter- 
bottom">Hide this messsage</button> 
</div> 


<div class="govuk-cookie-banner message govuk-cookie-banner message-- 
rejected govuk-width-container hidden" role="alert"> 
<div class="govuk-grid-row"> 
<div class="govuk-grid-column-two-thirds"> 
<div class="govuk-cookie-banner content"> 
<p>You've rejected analytics cookies. You can <a class="govuk-link" 
href="/cookiepolicy">change your cookie settings</a> at any time.</p> 
</div> 
</div> 
</div> 


<button class="button govuk-cookie-banner hide-button gutter- 
bottom">Hide this messsage</button> 
</div> 
</div> 


<script nonce=""> 
(function () I 


if (document.cookie.indexOf('uc cookies policy') === -1) ( 
document.querySelector('.govuk-cookie-banner').classList.remove('hidden'); 
y 
HO; 
</script> 


«a href="#content" class="skiplink">Skip to main content</a> 


<div id="global-header" class="with-proposition"> 
<div class="header-wrapper"> 
<div class="header-global"> 
<div class="header-logo"> 


<a href="https://www.gov.uk/" title="Go to the GOV.UK homepage" 
id="logo" class="content"> 
<img 
src="/images/govuk/govuk logo crown print.1f27d633e8ee5dd6b2dc.png" 
width="35" height="31" alt=""> 
GOV.UK 
</a> 
</div> 


</div> 


<div class="header-proposition"> 
<nav id="proposition-menu" class="content" aria-label="Site"> 
<a href="/" id="proposition-name">Universal Credit</a> 
</nav> 
</div> 


</div> 
</div> 
<div id="global-header-bar"></div> 


<div class="inner-block print-hide"> 
<div class="phase-banner"> 
<p class="inline"> 
<strong class="phase-tag"> 
BETA 


</strong> 
<span> 
This is a new service - your feedback will help us to improve it. 
</span> 
</p> 
</div> 
</div> 


</header> 
<!--end header--> 


<main id="wrapper"> 


<div id="content" class=""> 


<div class="inner-block"> 


«h1 class="heading-xlarge " data-sanitized-page-title="Sign in to your Universal 
Credit account" data-tag-page-title="Sign in to your Universal Credit account"> 
<span id="id-subtitle" class="category heading-secondary"> 


</span> 
<span class="js-page-title" id="main-heading"> 
Sign in to your Universal Credit account 
</span> 
<span class="category heading-secondary" > 


</span> 
</hl> 


<div class="important-information"> 
<p id="timed-out">We've signed you out to protect your personal 
information. Sign in to continue.</p> 


</div> 
<p>You will have created an account when you made your claim.</p> 


<form method="post" novalidate="" autocomplete="off" action="/sign-in"> 


<input type="hidden" name="csrfToken" value=""> 


<div id="id-section-userName" class="form-group border-box gutter-sixth- 
bottom"> 
<label class="form-label-bold text " for="id-userName"> 
Username 
</label> 


<div id="id-section-help-userName" class="form-hint text "> 


</div> 
«div id="id-section-error-userName" data-validation-error="" class="form-error 
validation-message "> 


</div> 


<input class="form-control left" type="text" id="id-userName" 
name="userName" value="" aria-describedby="id-section-help-userName id- 
section-error-userName "> 
</div> 
<a id="forgot-username" href="/account/forgot-username? 
linkName=oldLink">Forgotten username</a> 


<div id="id-section-password" class="form-group border-box gutter-top gutter- 
sixth-bottom"> 
<label class="form-label-bold" for="id-password"> 
Password 
</label> 
<div id="id-section-help-password" class="form-hint text "> 


</div> 
<div id="id-section-error-password" data-validation-error="" class="form- 
error validation-message "> 


</div> 
«input class="form-control " type="password" id="id-password" 
name="password" valuez"" aria-describedby="id-section-help-password id- 
section-error-password "> 
</div> 
<a id="login-password-reset" href="/sign-in/password-reset? 
linkName=oldLink">Forgotten password</a> 


<div class="buttonSpacing"> 
<div class="gutter-top gutter-bottom"> 


<input formnovalidate="" data-tag-submit-button="" id="id-submit-button" 
class="button" type="submit" name="next" value="Sign in" data-reset-local- 
storage=""> 


</div> 
</div> 


</form> 
«div id="ga-register-panel" class="form-group"> 
«h2 class="heading-medium">If you have never claimed Universal 
Credit</h2> 
<p>You may be able to use the «a href="/start">Universal Credit online 
service</a> to:</p> 
<ul class="list-bullet"> 
<li>create a Universal Credit account</li> 
<li» make a claim</li> 
<li>join your partner's claim</li> 
</ul> 
</div> 


«h2 class="heading-medium">If you used GOV.UK Verify to confirm your 

identity</h2> 

<p>You can no longer sign in to your account with GOV.UK Verify.</p> 

<p>You will need to use the username and password you created when you 
set up your Universal Credit account.</p> 

<p>lf you have forgotten your sign in details we can send a reminder to 
your registered email address. <a id="contact-us" href="/contact">Contact 
us</a> if you do not have access to this address.</p> 

</div> 


«div class="inner-block clear js-visible cf"> 


</div> 
</div> 
</main> 


<footer class="group js-footer" id="footer"> 


<div class="footer-wrapper"> 


<div class="footer-meta"> 
<div class="footer-meta-inner"> 
<ul> 
<li><a id="contact-link" href="/contact">Contact</a></li> 
<li><a href="/privacypolicy">Privacy</a></li> 
<li><a id="cookie-policy-link" href="/cookiepolicy">Cookies</a></li> 
<li><a id="accessibility-statement-link" href="/accessibility- 
statement">Accessibility</a></li> 
</ul> 


<div class="open-government-licence"> 
<div class="logo"><a 
href="https://www.nationalarchives.gov.uk/doc/open-government-licence/ 
version/3/" rel="license">Open Government Licence</a></div> 
<p>All content is available under the <a 
href="https://www.nationalarchives.gov.uk/doc/open-government-licence/ 
version/3/" rel="license">Open Government Licence v3.0</a>, except where 
otherwise stated «/p» 
</div> 
</div> 


<div class="copyright"> 
<a href="https://www.nationalarchives.gov.uk/information- 

management/re-using-public-sector-information/uk-government-licensing- 
framework/crown-copyright/">© Crown copyright</a> 

</div> 

</div> 
</div> 
</footer> 


<div id="global-app-error" class="app-error hidden"></div> 


<div id="accessibility-status" class="accessibility-status visuallyhidden" 
role="status" aria-live="polite" aria-atomic="true"> </div> 


«script src="/scripts/vendor.19cbfea38844b01d03e1.js"></script> 
«script src="/scripts/claimant.def6069b5a0c522fdel4.js"></script> 


«[body» </html> 


«html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" 
lang="en"><head> 


<meta charset="utf-8"> 
«meta name="Author" content="Apple Inc."> 
<meta name="viewport" content="width=device-width, initial-scale=1, 
viewport-fit=cover"> 
<link rel="shortcut icon" href="/favicon.ico"> 
<link rel="icon" href="/favicon.ico"> 
<link rel="mask-icon" href="/apple-logo.svg" color="#333333"> 


<link rel="stylesheet" href="/assets/styles/global.dist.css?41172203193" 
type="text/css"> 

<link rel="stylesheet" href="/assets/styles/dark-mode.css?41172203193" 
type="text/css" media="" data-color-scheme="dark"> 

<link rel="stylesheet" href="/assets/styles/localization.css?41172203193" 
type="text/css"> 


<script src="/assets/scripts/lib/jquery/jquery-3.6.0.min.js?41172203193"></ 
script> 

<script src="/assets/scripts/settings.js?41172203193"></script> 

<script src="/assets/scripts/language-locales.js?41172203193"></script> 
<script src="/assets/scripts/DeveloperBreadcrumbs.js?41172203193"></script> 


<script async="" src="/assets/scripts/lib/jquery/jquery.retinate.js? 
41172203193"></script> 

<script async="" src="/assets/scripts/global.js?41172203193"></script> 
<script async="" src="/assets/scripts/global-logout.js?41172203193"></script> 


<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro+lcons&amp;v=1" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Mono&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=Apple+lcons&amp;v=1" type="text/css"> 


<title>Apple Developer</title> 

<meta name="omni_page" content="Apple Developer - (English)"> 

<meta name="Description" content="There’s never been a better time to 
develop for Apple platforms."> 


«meta property="og:locale" content="en_US"> 

<meta property="og:site_ name" content="Apple Developer"> 

«meta property="og:type" content="website"> 

<meta property="og:image" 
content="https://developer.apple.com/news/images/og/apple-developer- 
og.png"> 

<meta property="og:title" content="Apple Developer"> 

<meta property="og:description" content-"There's never been a better 
time to develop for Apple platforms."> 

<meta property="og:url" content="https://developer.apple.com/"> 


<meta name="twitter:card" content="summary large image"> 

<meta name="twitter:image" 
content-"https://developer.apple.com/news/images/og/apple-developer-og- 
twitter.png"> 

«meta name="twitter:description" content="There’s never been a better 
time to develop for Apple platforms." 

«meta name="twitter:title" content="Apple Developer" 

«meta name="twitter:url" content="https://developer.apple.com/"> 


<link rel="alternate" href="https://developer.apple.com/" hreflang="en"> 

<link rel="alternate" href="https://developer.apple.com/cn/" 
hreflang="zh-CN"> 

<link rel="alternate" href="https://developer.apple.com/jp/" hreflang="ja- 
JP"> 

<link rel="alternate" href="https://developer.apple.com/kr/" 
hreflang="ko-KR"> 

<link rel="canonical" href="https://developer.apple.com/"> 


<link rel="stylesheet" href="/assets/styles/router-strip.css"> 


<link rel="stylesheet" href="/home/styles/home.css?251722552081" 
type="text/css"> 


</head> 
<body id="home" class="dmf" data-color-scheme="dark"> 


<link rel="stylesheet" href="/assets/styles/globalnav.css?41172203193" 
type="text/css"> 


<link rel="stylesheet" href="/assets/styles/suggest-lang.css?41172203193" 
type="text/css"> 
<div id="suggest-lang" class="ribbon hide"> 
<div class="ribbon-content-wrapper"> 
<div class="ribbon-content row"> 
<div class="column large-12 large-centered"> 
<a id="suggest-closer" class="icon icon-after icon- 
reset"></a> 
<p><a href="#" id="suggest-link" class="ribbon-link 
more">View in English</a></p> 
</div> 
</div> 
</div> 


</div> 
«script src="/assets/scripts/suggest-lang.js?41172203193"></script> 
<aside id="ac-gn-segmentbar" class="ac-gn-segmentbar" lang="en-US" 
dir="ltr"> 
</aside> 
<input type="checkbox" id="ac-gn-menustate" class="ac-gn-menustate"> 
<nav id="ac-globalnav" class="js touch no-windows" role="navigation" aria- 
label="Global" data-hires="false" data-analytics-region="global nav" lang="en- 
US" dir="ltr" data-www-domain="www.apple.com" data-store-locale="us" data- 
store-root-path="/us" data-store-api="/[storefront]/shop/bag/status" data- 
search-locale="en_US" 
data-search-suggestions-api="/search-services/suggestions/" data-search- 
defaultlinks-api="/search-services/suggestions/defaultlinks/" data-search- 
suggestions-enabled="false"> 
<div class="ac-gn-content"> 
<ul class="ac-gn-header"> 
<li class="ac-gn-item ac-gn-menuicon"> 
<label class="ac-gn-menuicon-label" for="ac-gn- 
menustate" aria-hidden="true"> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-top"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-top"> </span> 
</span> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-bottom"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-bottom"></span> 
</span> 
</label> 
«a href="#ac-gn-menustate" role="button" class="ac- 
gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Open Menu</span> 
</a> 
<a href="#" role="button" class="ac-gn-menuanchor 
ac-gn-menuanchor-close" id="ac-gn-menuanchor-close"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Close Menu</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus- 
small" > 
«span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 
</ul> 
<div class="ac-gn-search-placeholder-container" role="search"> 
<div class="ac-gn-search ac-gn-search-small"> 
<a id="ac-gn-link-search-small" class="ac-gn-link" 
href="/search/" data-analytics-title="search" data-analytics-click="search" data- 


analytics-intrapage-link="" aria-label="Search" role="button" aria- 
haspopup="true"> 
<div class="ac-gn-search-placeholder-bar"> 
<div class="ac-gn-search-placeholder- 
input"> 
<div class="ac-gn-search- 
placeholder-input-text" aria-hidden="true"> 
<div class="ac-gn-link- 
search ac-gn-search-placeholder-input-icon"></div> 
<span class="ac-gn-search- 
placeholder">Search</span> 
</div> 
</div> 
<div class="ac-gn-searchview-close ac- 
gn-searchview-close-small ac-gn-search-placeholder-searchview-close"> 
<span class="ac-gn-searchview- 
close-cancel" aria-hidden="true">Cancel</span> 
</div> 
</div> 
</a> 
</div> 
</div> 
<ul class="ac-gn-list"> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus"> 
<span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-news"> 
<a class="ac-gn-link ac-gn-link-news" href="/news/" 
data-analytics-title="news"> 
«span class="ac-gn-link-text">News</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-discover"> 
<a class="ac-gn-link ac-gn-link-discover" 
href="/discover/" data-analytics-title="discover"> 
<span 
class="ac-gn-link-text">Discover</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-design"> 
<a class="ac-gn-link ac-gn-link-design" href="/design/" 
data-analytics-title="design"> 
<span class="ac-gn-link-text">Design</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-develop"> 
<a class="ac-gn-link ac-gn-link-develop" 
href="/develop/" data-analytics-title="develop"> 
<span class="ac-gn-link-text">Develop</span> 
</a> 


</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-distribute"> 
<a class="ac-gn-link ac-gn-link-distribute" 
href="/distribute/" data-analytics-title="distribute"> 
<span 
class="ac-gn-link-text">Distribute</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-dsupport"> 
<a class="ac-gn-link ac-gn-link-dsupport" 
href="/support/" data-analytics-title="dsupport"> 
«span class="ac-gn-link-text">Support</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-account"> 
<a class="ac-gn-link ac-gn-link-account" 
href="/account/" data-analytics-title="account"> 
«span class="ac-gn-link-text">Account</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-search" 
role="search"> 
<a id="ac-gn-link-search" class="ac-gn-link ac-gn-link- 
search" href="/search/" data-analytics-title="search" data-analytics- 
click="search" data-analytics-intrapage-link="" aria-label="Search" 
role="button" aria-haspopup="true"> </a> 
</li> 
</ul> 
<aside id="ac-gn-searchview" class="ac-gn-searchview" 
role="search" data-analytics-region="search"> 
«div class="ac-gn-searchview-content"> 
<div class="ac-gn-searchview-bar"> 
<div class="ac-gn-searchview-bar-wrapper"> 
<form id="ac-gn-searchform" class="ac- 
gn-searchform" action="/search/" method="get"> 
<div class="ac-gn-searchform- 
wrapper"> 
<input id="ac-gn- 
searchform-input" class="ac-gn-searchform-input" type="text" name="g" aria- 
label="Search" placeholder="Search" autocorrect="off" autocapitalize="off" 
autocomplete="off" spellcheck="false" role="combobox" aria- 
autocomplete="list" aria-expanded="true" aria-owns="guicklinks suggestions"> 
<button id="ac-gn- 
searchform-submit" class="ac-gn-searchform-submit" type="submit" 
disabled="" aria-label="Submit Search" > </button> 
<button id="ac-gn- 
searchform-reset" class="ac-gn-searchform-reset" type="reset" disabled="" 
aria-label="Clear Search" > 
<span 
class="ac-gn-searchform-reset-background"> </span> 
</button> 
</div> 
</form> 


«button id="ac-gn-searchview-close- 
small" class="ac-gn-searchview-close ac-gn-searchview-close-small" aria- 
label="Cancel Search"> 

<span class="ac-gn- 
searchview-close-cancel" aria-hidden="true"> 
Cancel 
</span> 
</button> 
</div> 
</div> 
<aside id="ac-gn-searchresults" class="ac-gn- 
searchresults" data-string-quicklinks="Quick Links" data-string- 
suggestions="Suggested Searches" data-string-noresults=""> 
<section class="ac-gn-searchresults-section ac-gn-searchresults- 
section-defaultlinks"> 
<div class="ac-gn-searchresults-section-wrapper"> 
<div class="search-group- 
checkbox hidden" > «input id="group-input" type="checkbox" name="group- 
filter" checked="">Only search within "<span 
id="group-search-label"> </span>" </div> 
<h3 class="ac-gn-searchresults-header ac-gn-searchresults- 
animated">Quick Links</h3> 
<ul class="ac-gn-searchresults-list" id="defaultlinks" 
role="listbox"> 
<li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/ios/" id="search-group-link-0" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">iOS 
16</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/news/" id="search-group-link- 
1" class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">Latest 
News</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a 
href="https://developer.apple.com/documentation/storekit/appstore/ 
environment/3963900-xcode/" id="search-group-link-2" class="ac-gn- 
searchresults-link ac-gn-searchresults-link-defaultlinks">xcode</a></li><li 
class="ac-gn-searchresults-item ac-gn-searchresults-animated"><a 
href="https://developer.apple.com/xcode/whats-new/" id="search-group-link-3" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">What’s 
included in Xcode</a></li><li class="ac-gn-searchresults-item ac-gn- 
searchresults-animated"><a 
href="https://developer.apple.com/videos/play/wwdc2022/110345/" id="search- 
group-link-4" class="ac-gn-searchresults-link ac-gn-searchresults-link- 
defaultlinks">What’s new in Endpoint Security</a></li></ul> 
«span role="status" class="ac-gn-searchresults-count" aria- 
live="polite">5 Quick Links</span> 
</div> 
</section> 
</aside> 
</div> 
<button id="ac-gn-searchview-close" class="ac-gn- 
searchview-close" aria-label="Cancel Search"> 
<span class="ac-gn-searchview-close- 
wrapper"> 


<span class="ac-gn-searchview-close- 
left"></span> 

<span class="ac-gn-searchview-close- 
right"> </span> 

</span> 
</button> 
</aside> 
</div> 

</nav> 
«div class="ac-gn-blur"> </div> 
«div id="ac-gn-curtain" class="ac-gn-curtain"> </div> 
<div id="ac-gn-placeholder" class="ac-nav-placeholder"> </div> 
«script src="/assets/scripts/ac-globalnav.built.js?41172203193"></script><div 
id="ac-gn-viewport-emitter"> </div> 
<link rel="stylesheet" href="/assets/styles/search.css?41172203193"> 
<script src="/assets/scripts/search.js?41172203193"></script> 


<!-- metrics --> 
<script> 
/* RSID: */ 
var s_account="awdappledeveloper" 
</script> 
<script src="/assets/metrics/scripts/analytics.js?10202020"></script> 
<script> 
s.pageName= AC && AC. Tracking && AC.Tracking.pageName(); 
s.channel="www.en.developer" 
s.channel="www.en.developer"; 


PREKKKKKAKAKAKK DO NOT ALTER ANYTHING BELOW THIS LINE | *rttkiktiktk+k/ 
var s code=s.t();if(s code)document.write(s code) 

</script> 

<!-- [metrics --> 


<main class="main"> 


«section class="homepage-section section-heroes" > 
«ul class="homepage-section-positions hero-positions"> 
<li class="homepage-section-item hero-position hero-position-ios- 
16"> 
<div class="hero hero-ios-16 promo-managed-unit"> 
<div class="unit-wrapper unit-wrapper-reverse"> 
«a href="/whats-new/" class="unit-link" tabindex-"0"» «span 
class="visuallyhidden unit-link-vo"></span></a> 
<div class="unit-image-wrapper" > 
<picture> 
<source 
srcset<"/home/images/hero-ios-16/ios-16-large 2x.webp" type="image/webp"> 
<img class<"unit- 
image unit-image-ios-16" src<"/home/images/hero-ios-16/ios-16-large 2x.png?1" 
alt="" data-hires-status<"pending"> 
</picture> 
</div> 
<div class="unit-copy-wrapper"> 


<h4 class="headline"> <span class="nowrap">Find out 
what's new&nbsp;for<br>Apple developers</span> </h4> 
</div> 
</div> 
</div> 
</li> 
</ul> 
</section> 


<section class="homepage-section section-promos"> 
<ul class="homepage-section-positions promo-positions"> 
<li class="homepage-section-item promo-position 
promo-position-1 homepage-section-item-app-store-sessions theme-dark" data- 
promo-type="show-hide" data-hires-status="pending"> 
<div class="promo promo-managed-unit"> 
«div class="unit-wrapper"> 
<a class="unit-link" 
href="/events/app-store/" tabindex="0"><span 
class="visuallyhidden"></span></a> 
<div class="unit-copy-wrapper"> 
<h4 class="headline">Meet 
with <span class="nowrap">App Store experts</span></h4> 
<h5 
class="subhead">Connect with Apple experts online to learn how to make the 
most of App Store features.</h5> 
</div> 
<div class="unit-image-wrapper 
image-constraints-full"> 
<img class="unit-image 
unit-image-centered" src="/home/images/tile-app-store-sessions/app-store- 
sessions.svg" alt="" width="200" height="auto" data-hires-status="pending"> 
</div> 
</div> 
</div> 
</li> 


<li class="homepage-section-item promo-position 
promo-position-1 homepage-section-item-hero-ada22" data-promo-type="show- 
hide"> 
<div class="promo promo-managed-unit"> 
<div class="unit-wrapper"> 
<a class="unit-link" 
href="/design/awards/" tabindex="0"><span 
class="visuallyhidden"></span></a> 
<div class="unit-copy-wrapper 
unit-copy-hero-ada22 wylde" id="ada22-winners-text"> 


<h4 
class="headline"><span class="nowrap">Apple Design Awards</span></h4> 
<h5 
class="subhead">Discover this year's winners.</h5> 
</div> 


<div class="unit-image-wrapper 
image-constraints-full"> 


<figure class="unit-image 
unit-image-ada22-winners wylde" id="ada22-winners" data-hires- 
status-"pending"» </figure> 
</div> 

</div> 

<script 
src="/home/scripts/adaWinnersPicker.js?06172203193"></script> 

</div> 
</li> 


<li class="homepage-section-item promo-position 
homepage-section-item-ios-15" data-promo-type="show-hide"> 
<div class="promo promo-managed-unit"> 
<div class="unit-wrapper"> 
<a class="unit-link" href="/ios/" 
tabindex="0"><span class="visuallyhidden"></span></a> 


<div class="unit-copy-wrapper"> 
<h4 class="headline">iOS 
16</h4> 
</div> 


<div class="unit-image-wrapper 

image-constraints-full"> 
<img class="unit-image 

unit-image-centered" 
src="https://developer.apple.com/home/images/tile-ios-16/ios-16-large_2x.png? 
1" alt="" width="151" height="300" data-hires-status="pending"> 

</div> 

</div> 
</div> 
</li> 


<li class="homepage-section-item promo-position 
homepage-section-item-ipados-15" data-promo-type="show-hide"> 
<div class="promo promo-managed-unit"> 
<div class="unit-wrapper"> 
<a class="unit-link" 
href="/ipados/" tabindex="0"><span class="visuallyhidden"> </span> </a> 


<div class="unit-copy-wrapper"> 
<h4 
class="headline">iPadOS 16</h4> 
</div> 


<div class="unit-image-wrapper 

image-constraints-full"> 
<img class="unit-image 

unit-image-centered" src="https://developer.apple.com/home/images/tile-ipados- 
16/ipados-16-large_2x.png?1" alt="" width="439" height="318" data-hires- 
status="pending"> 

</div> 

</div> 
</div> 


</li> 


<li class="homepage-section-item promo-position 
homepage-section-item-macos-12" data-promo-type="show-hide"> 
<div class="promo promo-managed-unit"> 
<div class="unit-wrapper"> 
<a class="unit-link" href="/macos/" 
tabindex="0"><span class="visuallyhidden"> </span> </a> 


<div class="unit-copy-wrapper"> 
<h4 
class="headline">macOS 13</h4> 
</div> 


<div class="unit-image-wrapper 

image-constraints-full"> 
<img class="unit-image 

unit-image-centered" src="https://developer.apple.com/home/images/tile-macos- 
13/macos-13-large_2x.png" alt="" width="576" height="336" data-hires- 
status="pending"> 

</div> 

</div> 
</div> 
</li> 


<li class="homepage-section-item promo-position 
homepage-section-item-watchos-8" data-promo-type="show-hide"> 
<div class="promo promo-managed-unit"> 
<div class="unit-wrapper"> 
<a class="unit-link" 
href="/watchos/" tabindex="0"><span class="visuallyhidden"></span></a> 


<div class="unit-copy-wrapper"> 
<h4 
class="headline">watchOS 9</h4> 
</div> 


<div class="unit-image-wrapper 
image-constraints-full"> 
<img class="unit-image 
unit-image-centered" src="https://developer.apple.com/home/images/tile- 
watchos-9/watchos-9-large_2x.png?1" alt="" width="191" height="319" data- 
hires-status="pending"> 
</div> 
</div> 
</div> 
</li> 
</ul> 
</section> 


«section class="homepage-section section-heroes"> 
<ul class="homepage-section-positions hero-positions"> 
<li class="homepage-section-item hero-position"> 


<div class="hero hero-wwdc22 promo-managed-unit theme-dark"> 
<div class="unit-wrapper unit-wrapper-reverse"> 
<a href="/videos/wwdc2022/" class="unit-link" 
tabindex="0"><span class="visuallyhidden unit-link-vo"></span> </a> 
<div class="unit-copy-wrapper"> 
<div> <img class="hero-masthead" alt="WWDC22" 
src="/wwdc22/images/masthead-22-blue.svg" role="img" data-hires- 
status="pending"></div> 
<h4 class="headline 
visuallyhidden"><span class="nowrap">[]WWDC22</span></h4> 
<h5 class="subhead"> Watch the session videos.</h5> 
</div> 
<div class="unit-image-wrapper image-constraints-full"> 
<figure class="unit-image unit-image-hero-wwdc22 unit- 
hero-wwdc22-item-3" data-hires-status="pending"></figure> 
</div> 
</div> 
</div> 
</li> 
</ul> 
</section> 


<section class="section section-build-apps theme-dark" data-hires- 
status="pending"> 
<div class="unit-wrapper"> 
<a class="unit-link" href="/learn/" 
tabindex="0"><span class="visuallyhidden"> </span> </a> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-centered large- 
7 medium-7 small-12 text-center"> 
<h2>Build apps. Build your 
future.</h2> 
<h5 class="subhead" > Whether 
you're just entering the workforce or you're an experienced developer or 
entrepreneur, take advantage of free resources to gain skills that help you 
succeed in Apple's growing app&nbsp;economy, which provides millions of jobs 
in technology across the globe.</h5> 
</div> 
</div> 
</div> 
<figure class="hero-build-apps center" data-hires- 
status-"pending"» </figure> 
</div> 
</section> 
<section class="section section-adp theme-dark" data-hires- 
status="pending"> 
<div class="unit-wrapper"> 
<a class="unit-link" href="/programs/" 
tabindex="0"><span class="visuallyhidden"> </span> </a> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-centered large- 
7 medium-7 small-12 text-center"> 


<img 
src="/app-store/features/images/members.svg" width="144" alt="" data-hires- 
status="pending"> 
<h2>Apple Developer 
Program</h2> 
<h5 class="Subhead">Join the 
<span class="nowrap">Apple Developer</span> Program to reach customers 
around the world on the <span class="nowrap">App Store</span> for iPhone, 
iPad, Mac, <span class="nowrap">Apple Watch,</span> <span 
class="nowrap">Apple TV,</span> and iMessage. You'll also get access to beta 
software, advanced app capabilities, extensive beta testing tools, and 
app&nbsp;analytics.</h5> 
</div> 
</div> 
</div> 
</div> 
</section> 
</main> 


«aside class="section developer-router-links"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-3 medium-6 small-6"> 
<a href="/news/" class="block text-center"> 
<figure class="router-icon router-icon- 
news" data-hires-status="pending"></figure> 
<p><strong>News and 
Updates</strong></p> 
<p class="typography-subbody">See the 
latest announcements and recommendations for Apple&nbsp;developers.</p> 
<p class="typography-subbody"><span 
class="block-link more">View the latest</span></p> 
</a> 
</div> 
<div class="column large-3 medium-6 small-6"> 
<a 
href="https://developer.apple.com/download/" class="block text-center"> 
<figure class="router-icon router-icon- 
download" data-hires-status="pending"></figure> 
<p><strong>Software 
Downloads</strong> </p> 
<p class="typography-subbody">Get the 
latest releases of Xcode, IOS, iPadOS, macOS, tvOS, watchOS, 
and&nbsp;more.</p> 
<p class="typography-subbody"><span 
class="block-link more">Download resources</span></p> 
</a> 
</div> 
<div class="column large-3 medium-6 small-6"> 
<a href="/documentation/" class="block text- 
center"> 
<figure class="router-icon router-icon- 
documentation" data-hires-status="pending"> </figure> 


<p><strong>Documentation</strong> </p> 
«p class="typography-subbody">Browse 
the latest documentation including API reference, articles, and 
sample&nbsp;code.</p> 
<p class="typography-subbody"> <span 
class="block-link more" >Read API documentation</span></p> 
</a> 
</div> 
<div class="column large-3 medium-6 small-6"> 
<a href="/videos/" class="block text-center"> 
<figure class="router-icon router-icon- 
videos" data-hires-status="pending"></figure> 
<p><strong>Videos</strong> </p> 
<p class="typography- 
subbody">Discover the latest in Apple technologies presented at WWDC and 
other events.</p> 
<p class="typography-subbody"> <span 
class="block-link more">Watch videos</span> </p> 
</a> 
</div> 
</div> 
</div> 
</aside> 


<link rel="stylesheet" href="/assets/styles/footer.dist.css? 
41172203193"> 
<footer id="footer" class="footer" role="contentinfo" aria-labelledby="footer- 
label" > 
<div class="footer-content"> 
<h2 class="footer-label" id="footer-label">Developer Footer</h2> 
<nav class="footer-directory" aria-label="Apple Developer Directory" 
role="navigation"> 
<!--googleoff: all--> 
<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-platform"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-platform"> 
<h3 class="footer-directory-column-section- 
title">Platforms</h3> 
</label> 
<a href="#footer-directory-column-section-state-platform" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ios/">iOS</a></li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ipados/">iPadOS</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/macos/">macOS</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/tvos/">tvOS</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/watchos/">watchOS</a></li> 

</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-tools"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-tools"> 
<h3 class="footer-directory-column-section- 
title">Tools</h3> 
</label> 
<a href="#footer-directory-column-section-state-tools" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift/">Swift</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swiftui/">SwiftUl</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift-playgrounds/">Swift 
Playgrounds</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/testflight/">TestFlight</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode/">Xcode</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode-cloud/">Xcode 
Cloud «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/sf-symbols/">SF 
Symbols</a> </li> 
</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-topics"> 
<div class="footer-directory-column-section"> 


<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-topics"> 
<h3 class="footer-directory-column-section- 
title">Topics «kamp; Technologies</h3> 
</label> 
«a href="#footer-directory-column-section-state-topics" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
«a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/accessibility/">Accessibility</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/accessories/">Accessories</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-extensions/">App 
Extensions</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/">App 
Store</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/audio/">Audio kamp; 
Video</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/augmented- 
reality/">Augmented Reality</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/business/">Business</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/">Design</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/distribute/">Distribution</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/education/">Education</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/fonts/">Fonts</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/games/">Games</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/health-fitness/">Health 
samp; Fitness</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/in-app-purchase/">In-App 
Purchase</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/localization/">Localization</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/maps/">Maps &amp; 
Location</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/machine-learning/">Machine 
Learning</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/security/">Security</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/safari/">Safari «kamp; 
Web</a> </li> 

</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-resources"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-resources" > 
<h3 class="footer-directory-column-section- 
title">Resources</h3> 
</label> 
<a href="#footer-directory-column-section-state-resources" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/documentation/">Documentation</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/learn/curriculum/">Curriculum</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/download/">Downloads</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://developer.apple.com/forums/">Forums</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/videos/">Videos</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-support"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-support"> 
<h3 class="footer-directory-column-section- 
title">Support</h3> 
</label> 
<a href="#footer-directory-column-section-state-support" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/support/articles/" * Support 
Articles</a> </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/contact/">Contact 
Us</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/bug-reporting/">Bug 
Reporting «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/system-status/">System 
Status</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-account"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-account"> 
<h3 class="footer-directory-column-section- 
title">Account</h3> 
</label> 
<a href="#footer-directory-column-section-state-account" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/account/">Apple 
Developer</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://appstoreconnect.apple.com/">App Store Connect</a></li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/account/ios/certificate/">Certificates, IDs, «kamp; Profiles</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://feedbackassistant.apple.com/">Feedback Assistant</a></li> 

</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-programs"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-programs" > 
<h3 class="footer-directory-column-section- 
title">Programs</h3> 
</label> 
<a href="#footer-directory-column-section-state-programs" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/">Apple Developer 
Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/enterprise/">Apple 
Developer Enterprise Program «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/app-store/small-business- 
program/">App Store Small Business Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="https://mfi.apple.com/">MFi 
Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/news- 
partner/">News Partner Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/video- 
partner/">Video Partner Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/security-bounty/">Security 
Bounty Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/security-research- 
device/">Security Research Device Program</a> </li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-events"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-events"> 
<h3 class="footer-directory-column-section- 
title">Events</h3> 
</label> 
<a href="#footer-directory-column-section-state-events" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"><a 
class="footer-directory-column-section-link" href="/accelerator/">App 
Accelerators</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/app-store- 
awards/">App Store Awards</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/awards/">Apple 
Design Awards</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/learn/experts/+academies">Apple Developer Academies</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/entrepreneur- 
camp/">Entrepreneur Camp</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/tech-talks/">Tech 
Talks«/a» </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/wwdc/">WWDC</a></li> 


</ul> 
</div> 
</div> 
<!--googleon: all--> 
</nav> 


<section class="footer-mini" vocab="http://schema.org/" 
typeof="Organization"> 
<div class="footer-mini-news"> 
<div class="copy"> 
To view the latest developer news, visit <a 
href="/news/">News and Updates</a>. 
</div> 
<div class="content"> 
<div class="color-scheme-toggle" role="radiogroup" 
tabindex="0" aria-label="Select a color scheme preference"> 


<label data-color-scheme-option="light"> 


«input type="radio" value="light" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Light</div> 
</label> 
<label data-color-scheme-option="dark"> 


<input type="radio" value="dark" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Dark</div> 
</label> 
<label data-color-scheme-option="auto"> 


<input type="radio" value="auto" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Auto</div> 
</label> 


</div> 
<script async="" src="/assets/scripts/color-scheme- 
toggle.js"></script> 
</div> 
</div> 
<link rel="stylesheet" href="/assets/styles/language-dropdown.css? 
41172203193"> 
<div class="language-dropdown dropdown-container" data- 
lang="complete"> 
<select class="dropdown" aria-label="Language 
Dropdown"><option 
value="https://developer.apple.com/">English</option><option 
value="https://developer.apple.com/cn/">[]U</option> «option 
value-"https://developer.apple.com/jp/" »[][][x/option2 «option 
value="https://developer.apple.com/kr/">[D[]</option> </select> 
<span class="dropdown-icon icon icon-chevrondown" aria- 
hidden="true"> </span> 
</div> 
«script async="" src="/assets/scripts/lib/jquery/jquery.language- 
dropdown.js?41172203193"></script> 
<div class="footer-mini-legal"> 
<div class="footer-mini-legal-copyright">Copyright © 2022 <a 
href="https://www.apple.com">Apple Inc.</a> All rights reserved.</div> 
<div class="footer-mini-legal-links"> 


«a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/internet-services/terms/site.html">Terms of 
Use</a> 

«a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/privacy/en-ww/">Privacy Policy</a> 

<a class="footer-mini-legal-link" 
href="/support/terms/">Agreements and Guidelines</a> 

</div> 
</div> 
</section> 
</div> 
</footer> 


</body></html> 


«html xmIns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en" 
class="js touch svg no-ie8 progressive-image"><head> 
<meta charset="utf-8"> 
<meta name="Author" content="Apple Inc."> 
<meta name="viewport" content="width=device-width, initial-scale=1, 
viewport-fit=cover"> 
<link rel="shortcut icon" href="/favicon.ico"> 
<link rel="icon" href="/favicon.ico"> 
<link rel="mask-icon" href="/apple-logo.svg" color="#333333"> 


<link rel="stylesheet" href="/assets/styles/global.dist.css?41172203193" 
type="text/css"> 

<link rel="stylesheet" href="/assets/styles/dark-mode.css?41172203193" 
type="text/css" media="" data-color-scheme="dark"> 

<link rel="stylesheet" href="/assets/styles/localization.css?41172203193" 
type="text/css"> 


<script src="/assets/scripts/lib/jquery/jquery-3.6.0.min.js?41172203193"></ 
script> 

<script src="/assets/scripts/settings.js?41172203193"></script> 

<script src="/assets/scripts/language-locales.js?41172203193"></script> 
<script src="/assets/scripts/DeveloperBreadcrumbs.js?41172203193"></script> 


<script async="" src="/assets/scripts/lib/jquery/jquery.retinate.js? 
41172203193"></script> 

<script async="" src="/assets/scripts/global.js?41172203193"></script> 
<script async="" src="/assets/scripts/global-logout.js?41172203193"></script> 


<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro+lcons&amp;v=1" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Mono&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=Apple+lcons&amp;v=1" type="text/css"> 


<title>Develop - Apple Developer</title> 


<meta name="omni_page" content="Develop - (English)"> 
<meta name="Description" content="Get tools and resources for 
developing apps with Apple technologies."> 


<link rel="stylesheet" type="text/css" href="/develop/styles/develop- 
alt.css?Tuesday, 12-Jul-2022 17:03:53 GMT"> 

<link rel="stylesheet" type="text/css" href="/develop/styles/banners.css? 
Tuesday, 12-Jul-2022 17:03:53 GMT"> 


<link rel="alternate" href="https://developer.apple.com/develop/" 
hreflang="en"> 

<link rel="alternate" href="https://developer.apple.com/cn/develop/" 
hreflang="zh-CN"> 

<link rel="alternate" href="https://developer.apple.com/jp/develop/" 
hreflang="ja-JP"> 

<link rel="alternate" href="https://developer.apple.com/kr/develop/" 
hreflang="ko-KR"> 

<link rel="canonical" href="https://developer.apple.com/develop/"> 
</head> 
<body id="develop" class="nav-develop chapternav-overlap dmf" data-color- 
scheme="dark"> 


<link rel="stylesheet" href="/assets/styles/globalnav.css?41172203193" 
type="text/css"> 


<link rel="stylesheet" href="/assets/styles/suggest-lang.css?41172203193" 
type="text/css"> 
<div id="suggest-lang" class="ribbon hide"> 
<div class="ribbon-content-wrapper"> 
<div class="ribbon-content row"> 
<div class="column large-12 large-centered"> 
<a id="suggest-closer" class="icon icon-after icon- 
reset" ></a> 
<p><a href="#" id="suggest-link" class="ribbon-link 
more">View in English</a></p> 
</div> 
</div> 
</div> 
</div> 
<script src="/assets/scripts/suggest-lang.js?41172203193"></script> 
<aside id="ac-gn-segmentbar" class="ac-gn-segmentbar" lang="en-US" 
dir="ltr"> 
</aside> 
<input type="checkbox" id="ac-gn-menustate" class="ac-gn-menustate"> 
<nav id="ac-globalnav" class="js touch no-windows" role="navigation" aria- 
label="Global" data-hires="false" data-analytics-region="global nav" lang="en- 
US" dir="ltr" data-www-domain="www.apple.com" data-store-locale="us" data- 
store-root-path="/us" data-store-api="/[storefront]/shop/bag/status" data- 
search-locale="en_US" 
data-search-suggestions-api="/search-services/suggestions/" data-search- 
defaultlinks-api="/search-services/suggestions/defaultlinks/" data-search- 
suggestions-enabled="false"> 
<div class="ac-gn-content"> 
<ul class="ac-gn-header"> 


<li class="ac-gn-item ac-gn-menuicon"> 
<label class="ac-gn-menuicon-label" for="ac-gn- 
menustate" aria-hidden="true"> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-top"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-top"> </span> 
</span> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-bottom"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-bottom"» </span> 
</span> 
</label> 
<a href="#ac-gn-menustate" role="button" class="ac- 
gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Open Menu</span> 
</a> 
«a href="#" role="button" class="ac-gn-menuanchor 
ac-gn-menuanchor-close" id="ac-gn-menuanchor-close"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Close Menu</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus- 
small"> 
<span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 
</ul> 
<div class="ac-gn-search-placeholder-container" role="search"> 
<div class="ac-gn-search ac-gn-search-small"> 
<a id="ac-gn-link-search-small" class="ac-gn-link" 
href="/search/" data-analytics-title="search" data-analytics-click="search" data- 
analytics-intrapage-link="" aria-label="Search" role="button" aria- 
haspopup="true"> 
<div class="ac-gn-search-placeholder-bar"> 
<div class="ac-gn-search-placeholder- 
input"> 
<div class="ac-gn-search- 
placeholder-input-text" aria-hidden="true"> 
<div class="ac-gn-link- 
search ac-gn-search-placeholder-input-icon"></div> 
<span class="ac-gn-search- 
placeholder">Search</span> 
</div> 
</div> 
<div class="ac-gn-searchview-close ac- 
gn-searchview-close-small ac-gn-search-placeholder-searchview-close"> 


<span class="ac-gn-searchview- 
close-cancel" aria-hidden="true">Cancel</span> 
</div> 
</div> 
</a> 
</div> 
</div> 
<ul class="ac-gn-list"> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus"> 
«span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-news"> 
<a class="ac-gn-link ac-gn-link-news" href="/news/" 
data-analytics-title="news"> 
<span class="ac-gn-link-text">News</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-discover"> 
<a class="ac-gn-link ac-gn-link-discover" 
href="/discover/" data-analytics-title="discover"> 
<span 
class="ac-gn-link-text">Discover</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-design"> 
<a class="ac-gn-link ac-gn-link-design" href="/design/" 
data-analytics-title="design"> 
<span class="ac-gn-link-text">Design</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-develop"> 
<a class="ac-gn-link ac-gn-link-develop" 
href="/develop/" data-analytics-title="develop"> 
<span class="ac-gn-link-text">Develop</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-distribute"> 
<a class="ac-gn-link ac-gn-link-distribute" 
href="/distribute/" data-analytics-title="distribute"> 
<span 
class="ac-gn-link-text">Distribute</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-dsupport"> 
<a class="ac-gn-link ac-gn-link-dsupport" 
href="/support/" data-analytics-title="dsupport"> 
«span class="ac-gn-link-text" >Support</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-account"> 


<a class="ac-gn-link ac-gn-link-account" 
href="/account/" data-analytics-title="account"> 
«span class="ac-gn-link-text" >Account</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-search" 
role="search"> 
<a id="ac-gn-link-search" class="ac-gn-link ac-gn-link- 
search" href="/search/" data-analytics-title="search" data-analytics- 
click="search" data-analytics-intrapage-link="" aria-label="Search" 
role="button" aria-haspopup="true"> </a> 
</li> 
</ul> 
<aside id="ac-gn-searchview" class="ac-gn-searchview" 
role="search" data-analytics-region="search"> 
«div class="ac-gn-searchview-content"> 
<div class="ac-gn-searchview-bar"> 
«div class="ac-gn-searchview-bar-wrapper"> 
<form id="ac-gn-searchform" class="ac- 
gn-searchform" action="/search/" method="get"> 
<div class="ac-gn-searchform- 
wrapper"> 
<input id="ac-gn- 
searchform-input" class="ac-gn-searchform-input" type="text" name="g" aria- 
label="Search" placeholder="Search" autocorrect="off" autocapitalize="off" 
autocomplete="off" spellcheck="false" role="combobox" aria- 
autocomplete="list" aria-expanded="true" aria-owns="guicklinks suggestions"> 
<button id="ac-gn- 
searchform-submit" class="ac-gn-searchform-submit" type="submit" 
disabled="" aria-label="Submit Search" > </button> 
<button id="ac-gn- 
searchform-reset" class="ac-gn-searchform-reset" type="reset" disabled="" 
aria-label="Clear Search" > 


<span 
class="ac-gn-searchform-reset-background"> </span> 
</button> 
</div> 
</form> 


«button id="ac-gn-searchview-close- 
small" class="ac-gn-searchview-close ac-gn-searchview-close-small" aria- 
label="Cancel Search"> 

<span class="ac-gn- 
searchview-close-cancel" aria-hidden="true"> 
Cancel 
</span> 
</button> 
</div> 
</div> 
<aside id="ac-gn-searchresults" class="ac-gn- 
searchresults" data-string-guicklinks="Ouick Links" data-string- 
suggestions="Suggested Searches" data-string-noresults=""> 
<section class="ac-gn-searchresults-section ac-gn-searchresults- 
section-defaultlinks"> 
<div class="ac-gn-searchresults-section-wrapper"> 


<div class="search-group- 
checkbox hidden" > «input id="group-input" type="checkbox" name="group- 
filter" checked="">Only search within "<span 
id="group-search-label"></span>"</div> 
<h3 class="ac-gn-searchresults-header ac-gn-searchresults- 
animated">Quick Links</h3> 
<ul class="ac-gn-searchresults-list" id="defaultlinks" 
role="listbox"> 
<li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/ios/" id="search-group-link-0" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">iOS 
16</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/news/" id="search-group-link- 
1" class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">Latest 
News</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a 
href="https://developer.apple.com/documentation/storekit/appstore/ 
environment/3963900-xcode/" id="search-group-link-2" class="ac-gn- 
searchresults-link ac-gn-searchresults-link-defaultlinks">xcode</a> </li> «li 
class="ac-gn-searchresults-item ac-gn-searchresults-animated"» <a 
href="https://developer.apple.com/xcode/whats-new/" id="search-group-link-3" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks"> What's 
included in Xcode</a></li><li class="ac-gn-searchresults-item ac-gn- 
searchresults-animated"><a 
href="https://developer.apple.com/videos/play/wwdc2022/110345/" id="search- 
group-link-4" class="ac-gn-searchresults-link ac-gn-searchresults-link- 
defaultlinks">What’s new in Endpoint Security</a></li></ul> 
«span role="status" class="ac-gn-searchresults-count" aria- 
live="polite">5 Quick Links</span> 
</div> 
</section> 
</aside> 
</div> 
<button id="ac-gn-searchview-close" class="ac-gn- 
searchview-close" aria-label="Cancel Search"> 
<span class="ac-gn-searchview-close- 
wrapper"> 
<span class="ac-gn-searchview-close- 
left"></span> 
<span class="ac-gn-searchview-close- 
right"> </span> 
</span> 
</button> 
</aside> 
</div> 
</nav> 
«div classz"ac-gn-blur"» </div> 
«div id="ac-gn-curtain" class="ac-gn-curtain"> </div> 
«div id="ac-gn-placeholder" class="ac-nav-placeholder"> </div> 
«script src="/assets/scripts/ac-globalnav.built.js?41172203193"></script><div 
id="ac-gn-viewport-emitter"> </div> 
<link rel="stylesheet" href="/assets/styles/search.css?41172203193"> 
<script src="/assets/scripts/search.js?41172203193"></script> 


<!-- metrics --> 
<script> 
/* RSID: */ 
var s_account="awdappledeveloper" 
</script> 
«script src="/assets/metrics/scripts/analytics.js?10202020"></script> 
<script> 
s.pageName- AC && AC.Tracking && AC.Tracking.pageName(); 
s.channel="www.en.developer" 
s.channel="www.en.developer"; 


[RRA DO NOT ALTER ANYTHING BELOW THIS LINE | *rttkkktiktik+k/ 
var s code=s.t();if(s code)document.write(s code) 

</script> 

<!-- [metrics --> 


<link rel="stylesheet" property="stylesheet" 
href="/assets/styles/chapternav.css" type="text/css"> 
<nav id="chapternav" class="chapternav theme-dark"> 
«div class="chapternav-wrapper"> 
«ul class="chapternav-items"> 
<li class="chapternav-item chapternav-item-xcode"> 
<a class="chapternav-link" href="/xcode/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span class="chapternav-label">Xcode</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-xcode-cloud"> 
<a class="chapternav-link" href="/xcode-cloud/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span class="chapternav-label">Xcode 
Cloud</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-swift"> 
«a class="chapternav-link" href="/swift/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span class="chapternav-label">Swift</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-swiftui"> 
<a class="chapternav-link" href="/xcode/swiftui/"> 
<figure class="chapternav-icon" data-hires- 
status="pending"> </figure> 
<span 
class="chapternav-label">SwiftUl</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-testflight"> 
<a class="chapternav-link" href="/testflight/"> 


<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span 
class="chapternav-label">TestFlight</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item- 
documentation"> 
<a class="chapternav-link" href="/documentation/"> 
<figure class="chapternav-icon" data-hires- 
status="pending"></figure> 
<span class="chapternav- 
label">Documentation</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-videos"> 
<a class="chapternav-link" href="/videos/"> 
<figure class="chapternav-icon" data-hires- 
status="pending"></figure> 
<span 
class="chapternav-label">Videos</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-downloads"> 
<a class="chapternav-link" href="/download/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span 
class="chapternav-label">Downloads</span> 
</a> 
</li> 
</ul> 
<div class="chapternav-paddles"> 
«button class="chapternav-paddle chapternav-paddle-left" 
aria-hidden="true" disabled=""></button> 
<button class="chapternav-paddle chapternav-paddle-right" 
aria-hidden="true" disabled=""></button> 
</div> 
</div> 
</nav> 
<link rel="stylesheet" 
hrefz"/assets/includes/resources-chapter-nav/styles/resources-chapter- 
nav.css"> 
«script src="/assets/scripts/chapternav.js"></script> 


<main id="main" class="main" role="main"> 


<div class="ribbon ribbon-blue"> 
<div class="ribbon-drop-wrapper"> 
<div class="ribbon-content-wrapper"> 
<div class="ribbon-content row"> 
<div class="column large-centered large- 
12"> 


<p> 
<a href="/whats-new/" 

class="ribbon-link">Find out what's new for «span class<"nowrap more" >Apple 
developers</span></a> 

</p> 

</div> 
</div> 
</div> 
</div> 
</div> 


<header class="section section-header bg-gradient" 
role="presentation"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-8 medium-10 small- 
12 large-centered text-center"> 
<figure class="icon-sdk center" data- 
hires-status="pending"> </figure> 
«h1 class="typography-headline">Bring 
your ideas&nbsp;to&nbsp;life</h1> 
«p class="typography-intro">With the 
power of Xcode, the ease of Swift, and the revolutionary features of cutting-edge 
Apple technologies, you have the freedom to create your most innovative apps 
ever.</p> 
</div> 
</div> 
</div> 
<figure class="device-hero device-image device-macbook- 
pro-space-grey center" data-hires-status="pending" style="background-image: 
url(&quot;https://developer.apple.com/assets/elements/hardware/macbook pro s 
pace grey/small 2x.png?156454&quot;);"> 
«figure class="device-screen screen-hero" data-hires- 
status="pending"></figure> 
</figure> 
</header> 


<section class="section section-xcode"> 
<div class="section-content"> 
<div class="row"> 
<div class="inner-content large-centered large- 
6 medium-8 small-12 text-center"> 
<figure class="icon-xcode center" data- 
hires-status="pending"></figure> 
<h2 class="typography-section- 
headline">Xcode</h2> 
<p>The Xcode developer tools include 
everything you need to create apps for iOS, iPadOS, macOS, tvOS, and 
watchOS.</p> 
<p><a href="/xcode/" 
class="more">What’s new in Xcode</a></p> 
</div> 
</div> 
</div> 


</section> 


<div class="row"> 
<section class="section side-by-side section-swift" data- 
hires-status="pending"> 
<div class="section-content"> 
<a href="/swift/" class="block"> 
<figure class="icon-swift" data-hires- 
status-"pending"» </figure> 
<h2 class="typography-section- 
headline">Swift</h2> 
<p>This robust yet intuitive programming 
language for Apple platforms makes it easier than ever to write great code.</p> 
<p><span class="block-link 
more" > What's new in Swift</span></p> 
</a> 
</div> 
</section> 
<section class="section side-by-side section-swiftui" data- 
hires-status="pending"> 
<div class="section-content"> 
<a href="/xcode/swiftui/" class="block"> 
<figure class="icon-swiftui" data-hires- 
status="pending"> </figure> 
<h2 class="typography-section- 
headline">SwiftUl</h2> 
<p>SwiftUl helps you build great looking 
apps across all Apple platforms with the power of Swift — andas little code 
as&nbsp;possible.</p> 
«p» «span class="block-link 
more">Learn about SwiftUl</span></p> 
</a> 
</div> 
</section> 
</div> 


<section class="section section-platforms padding-top"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-centered large-6 

medium-8 small-12"> 

<h2 class="typography-section- 
headline">Apple platforms</h2> 

<p>Develop apps that integrate 
seamlessly with the latest advancements in Apple platforms.</p> 

<p><a href="/discover/" 
class="more">Learn more</a></p> 


«ul class="chapternav-items"> 
<li class="chapternav-item 
chapternav-item-ios"> 
<a class="chapternav-link" 
href="/ios/"> 


<figure 
class="chapternav-icon" data-hires-status="pending"> </figure> 
<span 
class="chapternav-label">iOS</span> 
</a> 
</li> 
<li class="chapternav-item 
chapternav-item-ipados"> 
<a class="chapternav-link" 
href="/ipados/"> 
<figure 
class="chapternav-icon" data-hires-status="pending"></figure> 
<span 
class="chapternav-label">iPadOS</span> 
</a> 
</li> 
<li class="chapternav-item 
chapternav-item-macos"> 
<a class="chapternav-link" 
href="/macos/"> 
<figure 
class="chapternav-icon" data-hires-status="pending"></figure> 
<span 
class="chapternav-label">macOS</span> 
</a> 
</li> 
<li class="chapternav-item 
chapternav-item-tvos"> 
«a class="chapternav-link" 
href="/tvos/"> 
<figure 
class="chapternav-icon" data-hires-status="pending"></figure> 
<span 
class="chapternav-label">tvOS</span> 
</a> 
</li> 
<li class="chapternav-item 
chapternav-item-watchos"> 
«a class="chapternav-link" 
href="/watchos/"> 


<figure 
class="chapternav-icon" data-hires-status="pending"></figure> 
<span 
class="chapternav-label">watchOS</span> 
</a> 
</li> 
</ul> 
</div> 
</div> 
</div> 
</section> 


<section class="section section-resources"> 
<div class="section-content"> 


<div class="row"> 
<div class="column large-6 medium-9 small- 
12"> 
<h2 class="typography-section- 
headline">Technologies</h2> 
<p>Find tools and resources for creating 
apps and accessories for Mac, iPhone, iPad, <span class="nowrap">Apple 
Watch,</span> and <span class="nowrap">Apple TV.</span></p> 
</div> 
</div> 
<div class="row"> 
<div class="column large-4 small-12"> 
<figure class="icon-app-frameworks" 
data-hires-status="pending"> </figure> 
<h4>Frameworks</h4> 
<ul class="link-theme-alt"> 
<li><a href="/5g/">5G 
Networks</a></li> 
<li><a 
href="/accessories/">Accessories</a> </li> 
<li><a href="/app-clips/">App 
Clips</a></li> 
<li><a href="/app- 
extensions/">App Extensions</a></li> 
<li><a href="/apple-pay/">Apple 
Pay</a></li> 
<li><a 
href="/bonjour/">Bonjour</a></li> 
<li><a 
href="/carplay/">CarPlay</a></li> 
<li><a href="/developer- 
id/">Developer ID</a></li> 
<li><a 
href="/education/">Education</a></li> 
<li><a href="/health- 
fitness/">Health and Fitness</a></li> 
<li><a href="/apple- 
home/">HomeKit</a> </li> 
<li><a 
href="/ibeacon/">iBeacon</a></li> 
<li><a href="/icloud/">iCloud and 
CloudKit</a></li> 
<li><a 
href="/imessage/">iMessage</a></li> 
<li><a href="/in-app- 
purchase/">In-App Purchase</a></li> 
<li><a 
href="/localization/">Localization</a></li> 
<li><a href="/mac-catalyst/">Mac 
Catalyst</a></li> 
<li><a href="/machine- 
learning/">Machine Learning</a></li> 
<li><a 
href="/maps/">Maps</a></li> 


<li><a href="/nearby- 
interaction/">Nearby Interaction</a></li> 


<li><a 
href="/notifications/">Notifications</a></li> 

<li><a 
href="/security/">Security</a></li> 

<li><a 


href="/shareplay/">SharePlay</a></li> 

<li><a href="/sign-in-with- 
apple/">Sign in with Apple</a></li> 

<li><a href="/siri/">Siri</a></li> 


<li><a 
href="/storekit/">StoreKit</a> </li> 

<li><a 
href="/documentation/uikit" >UIKit</a></li> 

<li><a 
href="/wallet/">Wallet</a></li> 

<li><a 
href="/widgets/">Widgets</a></li> 

</ul> 
</div> 


<div class="column large-4 small-12"> 
<figure class="icon-media-and-web" 
data-hires-status="pending"> </figure> 
<h4>Media and web</h4> 
<ul class="link-theme-alt"> 
<li><a 
href="/airplay/">AirPlay</a> </li> 
<li><a 
href="/airprint/">AirPrint</a> </li> 
«|i» «a hrefz"/news- 
publisher/">Apple News Format</a> </li> 
<li><a 
href="/audio/">Audio</a></li> 
<li><a href="/av- 
foundation/">AVFoundation</a></li> 
<li><a href="/streaming/">HTTP 
Live Streaming (HLS)</a></li> 
<li><a href="/live-photos/">Live 
Photos</a></li> 
<li><a 
href="/musickit/">MusicKit</a></li> 
<li><a 
href="/passkeys/">Passkeys<span class="violator violator-inline violator- 
reduced">New</span></a></li> 


<li><a 
href="/safari/">Safari</a></li> 

<li><a 
href="/safari/extensions/">Safari Extensions</a></li> 

<li><a 


href="/shazamkit/">ShazamKit</a> </li> 


<li><a 
href="/weatherkit/">WeatherKit<span class="violator violator-inline violator- 
reduced">New</span> </a> </li> 
<li><a href="https://webkit.org" 
target="_blank">WebKit</a></li> 
</ul> 


<figure class="icon-graphics-and-games" 
data-hires-status="pending"> </figure> 
<h4>Graphics and games</h4> 
<ul class="link-theme-alt"> 
<li><a 
href="/accelerate/">Accelerate</a></li> 
<li><a href="/apple- 
arcade/">Apple Arcade</a></li> 
<li><a href="/augmented- 
reality/">Augmented Reality</a></li> 
<li><a 
href="/games/">Games</a></li> 
<li><a href="/game- 
center/">Game Center</a></li> 


<li><a 
href="/metal/">Metal</a></li> 

<li><a 
href="/scenekit/">SceneKit</a></li> 

<li><a 
href="/spritekit/">SpriteKit</a></li> 

</ul> 
</div> 


<div class="column large-4 small-12"> 
<figure class="icon-developer-tools" 
data-hires-status="pending"> </figure> 
<h4>Developer tools</h4> 
<ul class="link-theme-alt"> 
<li><a 
href="https://developer.apple.com/app-store-connect/">App Store 
Connect</a></li> 
<li><a 
href="https://icloud.developer.apple.com/">CloudKit Console</a></li> 
<li><a href="/download/all/?q=for 
%20Xcode">Command Line Tools</a></li> 
<li><a 
href="https://ml.developer.apple.com/">Core ML Model Deployment 
Dashboard</a></li> 
<li><a 
href="/machine-learning/create-ml/">Create ML</a></li> 
<li><a href="/bug- 
reporting/">Feedback Assistant</a></li> 
<li><a 
href="https://maps.developer.apple.com/">MapKit JS Dashboard</a></li> 
<li><a 
href="/augmented-reality/reality-composer/">Reality Composer</a></li> 


<li><a 
href="/augmented-reality/tools/">Reality Converter</a></li> 

<li><a href="/sf-symbols/">SF 
Symbols</a></li> 

<li><a 
href="/swift/">Swift</a></li> 

<li><a 
href="/xcode/swiftui/">SwiftUl</a></li> 

<li><a href="/swift- 
playgrounds/">Swift Playgrounds</a></li> 

<li><a 
href="/testflight">TestFlight</a></li> 

<li><a 
href="https://apps.apple.com/us/app/transporter/id1450874784? 
mt=12">Transporter</a></li> 

<li><a 
href="/xcode/">Xcode</a></li> 

<li><a href="/xcode- 
cloud/">Xcode Cloud</a></li> 

</ul> 
</div> 
</div> 
</div> 
</section> 


<section class="section section-testflight"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-8 medium-11 small- 
12"> 
<figure class="icon-testflight" data-hires- 
status-"pending"» </figure> 
<h2 class="typography-section- 
headline">Test your apps with TestFlight</h2> 
<p>TestFlight makes it easy to invite 
users to test your apps and collect valuable feedback before releasing your apps 
on the «span class="nowrap">App Store.</span> You can invite up to 10,000 
testers using just their email address or by sharing a public link.</p> 
<p><a href="/testflight/" 
class="more">Learn more about TestFlight</a></p> 
</div> 
</div> 
</div> 
</section> 


</main> 


<link rel="stylesheet" property="stylesheet" href="/assets/styles/router- 
strip.css?41172203193" type="text/css"> 
«aside class="section developer-router-links"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-3 medium-6 small-6"> 
<a href="/download/" class="block text-center"> 


<figure class="router-icon router-icon- 
download" data-hires-status="pending"> </figure> 
<p><strong>SDKs and Betas</strong> </p> 
«p class="typography-subbody"> Download 
SDKs and beta operating systems for all Apple&nbsp;platforms.</p> 
«p class="typography-subbody"> «span 
class="block-link more">View downloads</span> </p> 
</a> 
</div> 
<div class="column large-3 medium-6 small-6"> 
<a href="/documentation/" class="block text-center"> 
<figure class="router-icon router-icon- 
documentation" data-hires-status="pending"></figure> 
<p><strong>Documentation</strong></p> 
<p class="typography-subbody">Browse the 
latest documentation including API reference, articles, and 
sample&nbsp;code.</p> 
<p class="typography-subbody"><span 
class="block-link more">Read documentation</span></p> 
</a> 
</div> 
<div class="column large-3 medium-6 small-6"> 
<a href="/videos/" class="block text-center"> 
<figure class="router-icon router-icon-videos" 
data-hires-status="pending"> </figure> 
<p><strong>Session Videos</strong> </p> 
<p class="typography-subbody">See the latest 
in Apple technologies presented at WWDC and other events.</p> 
<p class="typography-subbody"> <span 
class="block-link more">Watch videos</span> </p> 
</a> 
</div> 
<div class="column large-3 medium-6 small-6"> 
<a href="https://developer.apple.com/forums/" 
class="block text-center"> 
<figure class="router-icon router-icon-forums" 
data-hires-status="pending"> </figure> 
«p» <strong> Discussion Forums</strong> </p> 
<p class="typography-subbody">Ask guestions 
and discuss development topics with Apple engineers and 
other&nbsp;developers.</p> 
<p class="typography-subbody"><span 
class="block-link more">View forums</span></p> 
</a> 
</div> 
</div> 
</div> 
</aside> 


<link rel="stylesheet" href="/assets/styles/footer.dist.css? 
41172203193"> 
<footer id="footer" class="footer" role="contentinfo" aria-labelledby="footer- 
label"> 


<div class="footer-content"> 
«h2 class="footer-label" id="footer-label">Developer Footer</h2> 
<developer-breadcrumbs style="display: block;"> 


<nav class="footer-breadcrumbs" aria-label="Breadcrumbs"><a 
href="https://www.apple.com/" class="home footer-breadcrumbs-home"» <span 
class="footer-breadcrumbs-home-icon" aria-hidden="true" data-hires- 
status="pending">[]</span> «span class="footer-breadcrumbs-home- 
label">Apple</span> </a> «div class="footer-breadcrumbs-path"><ol 
class="footer-breadcrumbs-list"> <li class="footer-breadcrumbs-item"><a 
href="/">Developer</a></li><li 
class="footer-breadcrumbs-item">Develop</li></ol></div></nav></developer 
-breadcrumbs> 
<nav class="footer-directory" aria-label="Apple Developer Directory" 
role="navigation"> 
<!--googleoff: all--> 
<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-platform"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-platform"> 
<h3 class="footer-directory-column-section- 
title">Platforms</h3> 
</label> 
«a href="#footer-directory-column-section-state-platform" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ios/">iOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ipados/">iPadOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/macos/">macOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/tvos/">tvOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/watchos/">watchOS</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-tools"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-tools"> 


<h3 class="footer-directory-column-section- 
title">Tools</h3> 
</label> 
<a href="#footer-directory-column-section-state-tools" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift/">Swift</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swiftui/">SwiftUl</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift-playgrounds/">Swift 
Playgrounds</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/testflight/">TestFlight</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode/">Xcode</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode-cloud/">Xcode 
Cloud «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/sf-symbols/">SF 
Symbols</a> </li> 
</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-topics"> 
<div class="footer-directory-column-section"> 

<label class="footer-directory-column-section-label" 

for="footer-directory-column-section-state-topics"> 
<h3 class="footer-directory-column-section- 

title" Topics kamp; Technologies</h3> 

</label> 

<a href="#footer-directory-column-section-state-topics" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 

<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 

<ul class="footer-directory-column-section-list"> 

<li class="footer-directory-column-section-item"> <a 

class="footer-directory-column-section-link" 
href="/accessibility/">Accessibility</a></li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/accessories/">Accessories</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-extensions/">App 
Extensions</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/">App 
Store</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/audio/">Audio kamp; 
Video</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/augmented- 
reality/">Augmented Reality</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/business/">Business</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/">Design</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/distribute/">Distribution</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/education/">Education</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/fonts/">Fonts</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/games/">Games</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/health-fitness/">Health 
samp; Fitness</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/in-app-purchase/">In-App 
Purchase</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/localization/">Localization</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/maps/">Maps &amp; 
Location</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/machine-learning/">Machine 
Learning</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/security/">Security</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/safari/">Safari «kamp; 
Web</a></li> 

</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-resources"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-resources" > 
<h3 class="footer-directory-column-section- 
title">Resources</h3> 
</label> 
«a href="#footer-directory-column-section-state-resources" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/documentation/">Documentation</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/learn/curriculum/">Curriculum</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/download/">Downloads</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://developer.apple.com/forums/">Forums</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/videos/">Videos</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-support"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-support"> 
<h3 class="footer-directory-column-section- 
title">Support</h3> 
</label> 
<a href="#footer-directory-column-section-state-support" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/support/articles/">Support 
Articles</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/contact/">Contact 
Us</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/bug-reporting/">Bug 
Reporting «/a» </li> 

<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/system-status/">System 
Status</a></li> 

</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-account"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-account"> 
<h3 class="footer-directory-column-section- 
title">Account</h3> 
</label> 
<a href="#footer-directory-column-section-state-account" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/account/">Apple 
Developer</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://appstoreconnect.apple.com/">App Store Connect</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/account/ios/certificate/">Certificates, IDs, (amp; Profiles</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://feedbackassistant.apple.com/">Feedback Assistant</a></li> 
</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
«input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-programs"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-programs" > 
<h3 class="footer-directory-column-section- 
title">Programs</h3> 
</label> 


<a href="#footer-directory-column-section-state-programs" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/">Apple Developer 
Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/enterprise/">Apple 
Developer Enterprise Program «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/app-store/small-business- 
program/">App Store Small Business Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="https://mfi.apple.com/">MFi 
Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/news- 
partner/">News Partner Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/video- 
partner/">Video Partner Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/security-bounty/">Security 
Bounty Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/security-research- 
device/">Security Research Device Program</a> </li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-events"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-events"> 
<h3 class="footer-directory-column-section- 
title">Events</h3> 
</label> 
<a href="#footer-directory-column-section-state-events" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/accelerator/">App 
Accelerators</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/app-store- 
awards/">App Store Awards</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/awards/">Apple 
Design Awards</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/learn/experts/+academies">Apple Developer Academies</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/entrepreneur- 
camp/">Entrepreneur Camp</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/tech-talks/">Tech 
Talks</a> </li> 

<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/wwdc/">WWDC</a></li> 


</ul> 
</div> 
</div> 
<!--googleon: all--> 
</nav> 


«section class="footer-mini" vocabz"http://schema.org/" 
typeof="Organization"> 
<div class="footer-mini-news"> 
<div class="copy"> 
To view the latest developer news, visit <a 
href="/news/">News and Updates</a>. 
</div> 
<div class="content"> 
<div class="color-scheme-toggle" role="radiogroup" 
tabindex="0" aria-label="Select a color scheme preference"> 


<label data-color-scheme-option="light"> 
<input type="radio" value="light" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 
<div class="text">Light</div> 
</label> 
<label data-color-scheme-option="dark"> 
<input type="radio" value="dark" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 
<div class="text">Dark</div> 


</label> 


<label data-color-scheme-option="auto"> 


<input type="radio" values "auto" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Auto</div> 
</label> 


</div> 
<script async="" src="/assets/scripts/color-scheme- 
toggle.js"></script> 
</div> 
</div> 
<link rel="stylesheet" href="/assets/styles/language-dropdown.css? 
41172203193"> 
<div class="language-dropdown dropdown-container" data- 
lang="complete"> 
<select class="dropdown" aria-label="Language 
Dropdown"><option 
value="https://developer.apple.com/develop/">English</option><option 
value="https://developer.apple.com/cn/develop/">[DD[</option> «option 
value="https://developer.apple.com/jp/develop/">[DH</option> «option 
value="https://developer.apple.com/kr/develop/">HHHD</option> </select> 
<span class="dropdown-icon icon icon-chevrondown" aria- 
hidden="true"> </span> 
</div> 
«script async="" src="/assets/scripts/lib/jquery/jquery.language- 
dropdown.js?41172203193"></script> 
<div class="footer-mini-legal"> 
<div class="footer-mini-legal-copyright">Copyright © 2022 <a 
href="https://www.apple.com">Apple Inc.</a> All rights reserved.</div> 
<div class="footer-mini-legal-links"> 
<a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/internet-services/terms/site.html">Terms of 
Use</a> 
<a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/privacy/en-ww/">Privacy Policy</a> 
<a class="footer-mini-legal-link" 
href="/support/terms/">Agreements and Guidelines</a> 
</div> 
</div> 
</section> 
</div> 
</footer> 


</body></html> 
https://developer.apple.com/discover/<html 
xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="js 


touch svg no-ie8 progressive-image"><head> 


<meta charset="utf-8"> 


«meta name "Author" content="Apple Inc."> 

«meta name="viewport" content="width=device-width, initial-scale=1, 
viewport-fit=cover"> 

<link rel="shortcut icon" href="/favicon.ico"> 

<link rel="icon" href="/favicon.ico"> 

«link rel="mask-icon" href="/apple-logo.svg" color="#333333"> 


<link rel="stylesheet" href="/assets/styles/global.dist.css?41172203193" 
type="text/css"> 

<link rel="stylesheet" href="/assets/styles/dark-mode.css?41172203193" 
type="text/css" media="" data-color-scheme="dark"> 

<link rel="stylesheet" href="/assets/styles/localization.css?41172203193" 
type="text/css"> 


<script src="/assets/scripts/lib/jquery/jquery-3.6.0.min.js?41172203193"></ 
script> 

<script src="/assets/scripts/settings.js?41172203193"></script> 

<script src="/assets/scripts/language-locales.js?41172203193"></script> 
<script src="/assets/scripts/DeveloperBreadcrumbs.js?41172203193"></script> 


<script async="" src="/assets/scripts/lib/jquery/jquery.retinate.js? 
41172203193"></script> 

<script async="" src="/assets/scripts/global.js?41172203193"></script> 
<script async="" src="/assets/scripts/global-logout.js?41172203193"></script> 


<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro+lcons&amp;v=1" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Mono&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=Apple+lcons&amp;v=1" type="text/css"> 


<title>Discover - Apple Developer</title> 

<meta name="omni_page" content="Discover - (English)"> 

«meta name="Description" content="Explore the capabilities and 
possibilities of the Apple ecosystem."> 


<meta property="og:locale" content="en_US"> 

<meta property="og:site name" content="Apple Developer"> 

<meta property="og:type" content="website"> 

<meta property="og:image" 
content="https://developer.apple.com/news/images/og/discover-0g.jpg"> 

<meta property="og:title" content="Discover - Apple Developer"> 

<meta property="og:description" content="Explore the capabilities and 
possibilities of the Apple ecosystem."> 

<meta property="og:url" 
content="https://developer.apple.com/discover/"> 


«meta name="twitter:card" content="summary large image"> 

<meta name="twitter:image" 
content="https://developer.apple.com/news/images/og/discover-og-twitter.jpg"> 

«meta name="twitter:title" content="Discover - Apple Developer"> 


<meta name="twitter:description" content="Explore the capabilities and 
possibilities of the Apple ecosystem."> 

<meta name="twitter:url" 
content="https://developer.apple.com/discover/"> 


<link rel="alternate" href="https://developer.apple.com/discover/" 
hreflang="en"> 

<link rel="alternate" href="https://developer.apple.com/cn/discover/" 
hreflang="zh-CN"> 

<link rel="alternate" href="https://developer.apple.com/jp/discover/" 
hreflang="ja-JP"> 

<link rel="alternate" href="https://developer.apple.com/kr/discover/" 
hreflang="ko-KR"> 

<link rel="canonical" href="https://developer.apple.com/discover/"> 


<link rel="stylesheet" href="/discover/styles/discover.css" 
type="text/css"> 

<link rel="stylesheet" href="/assets/styles/router-strip.css" 
type="text/css"> 
</head> 
<body id="discover" class="nav-discover dmf" data-color-scheme="dark"> 


<link rel="stylesheet" href="/assets/styles/globalnav.css?41172203193" 
type="text/css"> 


<link rel="stylesheet" href="/assets/styles/suggest-lang.css?41172203193" 
type="text/css"> 
<div id="suggest-lang" class="ribbon hide"> 
<div class="ribbon-content-wrapper"> 
<div class="ribbon-content row"> 
<div class="column large-12 large-centered"> 
<a id="suggest-closer" class="icon icon-after icon- 
reset" ></a> 
<p><a href="#" id="suggest-link" class="ribbon-link 
more">View in English</a></p> 
</div> 
</div> 
</div> 
</div> 
<script src="/assets/scripts/suggest-lang.js?41172203193"></script> 
<aside id="ac-gn-segmentbar" class="ac-gn-segmentbar" lang="en-US" 
dir="ltr"> 
</aside> 
<input type="checkbox" id="ac-gn-menustate" class="ac-gn-menustate"> 
<nav id="ac-globalnav" class="js touch no-windows" role="navigation" aria- 
label="Global" data-hires="false" data-analytics-region="global nav" lang="en- 
US" dir="ltr" data-www-domain="www.apple.com" data-store-locale="us" data- 
store-root-path="/us" data-store-api="/[storefront]/shop/bag/status" data- 
search-locale="en_US" 
data-search-suggestions-api="/search-services/suggestions/" data-search- 
defaultlinks-api="/search-services/suggestions/defaultlinks/" data-search- 
suggestions-enabled="false"> 
<div class="ac-gn-content"> 
<ul class="ac-gn-header"> 


<li class="ac-gn-item ac-gn-menuicon"> 
<label class="ac-gn-menuicon-label" for="ac-gn- 
menustate" aria-hidden="true"> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-top"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-top"> </span> 
</span> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-bottom"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-bottom"» </span> 
</span> 
</label> 
<a href="#ac-gn-menustate" role="button" class="ac- 
gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Open Menu</span> 
</a> 
«a href="#" role="button" class="ac-gn-menuanchor 
ac-gn-menuanchor-close" id="ac-gn-menuanchor-close"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Close Menu</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus- 
small"> 
<span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 
</ul> 
<div class="ac-gn-search-placeholder-container" role="search"> 
<div class="ac-gn-search ac-gn-search-small"> 
<a id="ac-gn-link-search-small" class="ac-gn-link" 
href="/search/" data-analytics-title="search" data-analytics-click="search" data- 
analytics-intrapage-link="" aria-label="Search" role="button" aria- 
haspopup="true"> 
<div class="ac-gn-search-placeholder-bar"> 
<div class="ac-gn-search-placeholder- 
input"> 
<div class="ac-gn-search- 
placeholder-input-text" aria-hidden="true"> 
<div class="ac-gn-link- 
search ac-gn-search-placeholder-input-icon"></div> 
<span class="ac-gn-search- 
placeholder">Search</span> 
</div> 
</div> 
<div class="ac-gn-searchview-close ac- 
gn-searchview-close-small ac-gn-search-placeholder-searchview-close"> 


<span class="ac-gn-searchview- 
close-cancel" aria-hidden="true">Cancel</span> 
</div> 
</div> 
</a> 
</div> 
</div> 
<ul class="ac-gn-list"> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus"> 
«span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-news"> 
<a class="ac-gn-link ac-gn-link-news" href="/news/" 
data-analytics-title="news"> 
<span class="ac-gn-link-text">News</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-discover"> 
<a class="ac-gn-link ac-gn-link-discover" 
href="/discover/" data-analytics-title="discover"> 
<span 
class="ac-gn-link-text">Discover</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-design"> 
<a class="ac-gn-link ac-gn-link-design" href="/design/" 
data-analytics-title="design"> 
<span class="ac-gn-link-text">Design</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-develop"> 
<a class="ac-gn-link ac-gn-link-develop" 
href="/develop/" data-analytics-title="develop"> 
<span class="ac-gn-link-text">Develop</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-distribute"> 
<a class="ac-gn-link ac-gn-link-distribute" 
href="/distribute/" data-analytics-title="distribute"> 
<span 
class="ac-gn-link-text">Distribute</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-dsupport"> 
<a class="ac-gn-link ac-gn-link-dsupport" 
href="/support/" data-analytics-title="dsupport"> 
«span class="ac-gn-link-text" >Support</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-account"> 


<a class="ac-gn-link ac-gn-link-account" 
href="/account/" data-analytics-title="account"> 
«span class="ac-gn-link-text" >Account</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-search" 
role="search"> 
<a id="ac-gn-link-search" class="ac-gn-link ac-gn-link- 
search" href="/search/" data-analytics-title="search" data-analytics- 
click="search" data-analytics-intrapage-link="" aria-label="Search" 
role="button" aria-haspopup="true"> </a> 
</li> 
</ul> 
<aside id="ac-gn-searchview" class="ac-gn-searchview" 
role="search" data-analytics-region="search"> 
«div class="ac-gn-searchview-content"> 
<div class="ac-gn-searchview-bar"> 
«div class="ac-gn-searchview-bar-wrapper"> 
<form id="ac-gn-searchform" class="ac- 
gn-searchform" action="/search/" method="get"> 
<div class="ac-gn-searchform- 
wrapper"> 
<input id="ac-gn- 
searchform-input" class="ac-gn-searchform-input" type="text" name="g" aria- 
label="Search" placeholder="Search" autocorrect="off" autocapitalize="off" 
autocomplete="off" spellcheck="false" role="combobox" aria- 
autocomplete="list" aria-expanded="true" aria-owns="guicklinks suggestions"> 
<button id="ac-gn- 
searchform-submit" class="ac-gn-searchform-submit" type="submit" 
disabled="" aria-label="Submit Search" > </button> 
<button id="ac-gn- 
searchform-reset" class="ac-gn-searchform-reset" type="reset" disabled="" 
aria-label="Clear Search" > 


<span 
class="ac-gn-searchform-reset-background"> </span> 
</button> 
</div> 
</form> 


«button id="ac-gn-searchview-close- 
small" class="ac-gn-searchview-close ac-gn-searchview-close-small" aria- 
label="Cancel Search"> 

<span class="ac-gn- 
searchview-close-cancel" aria-hidden="true"> 
Cancel 
</span> 
</button> 
</div> 
</div> 
<aside id="ac-gn-searchresults" class="ac-gn- 
searchresults" data-string-guicklinks="Ouick Links" data-string- 
suggestions="Suggested Searches" data-string-noresults=""> 
<section class="ac-gn-searchresults-section ac-gn-searchresults- 
section-defaultlinks"> 
<div class="ac-gn-searchresults-section-wrapper"> 


<div class="search-group- 
checkbox hidden" > «input id="group-input" type="checkbox" name="group- 
filter" checked="">Only search within "<span 
id="group-search-label"></span>"</div> 
<h3 class="ac-gn-searchresults-header ac-gn-searchresults- 
animated">Quick Links</h3> 
<ul class="ac-gn-searchresults-list" id="defaultlinks" 
role="listbox"> 
<li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/ios/" id="search-group-link-0" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">iOS 
16</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/news/" id="search-group-link- 
1" class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">Latest 
News</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a 
href="https://developer.apple.com/documentation/storekit/appstore/ 
environment/3963900-xcode/" id="search-group-link-2" class="ac-gn- 
searchresults-link ac-gn-searchresults-link-defaultlinks">xcode</a> </li> «li 
class="ac-gn-searchresults-item ac-gn-searchresults-animated"» <a 
href="https://developer.apple.com/xcode/whats-new/" id="search-group-link-3" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks"> What's 
included in Xcode</a></li><li class="ac-gn-searchresults-item ac-gn- 
searchresults-animated"><a 
href="https://developer.apple.com/videos/play/wwdc2022/110345/" id="search- 
group-link-4" class="ac-gn-searchresults-link ac-gn-searchresults-link- 
defaultlinks">What’s new in Endpoint Security</a></li></ul> 
«span role="status" class="ac-gn-searchresults-count" aria- 
live="polite">5 Quick Links</span> 
</div> 
</section> 
</aside> 
</div> 
<button id="ac-gn-searchview-close" class="ac-gn- 
searchview-close" aria-label="Cancel Search"> 
<span class="ac-gn-searchview-close- 
wrapper"> 
<span class="ac-gn-searchview-close- 
left"></span> 
<span class="ac-gn-searchview-close- 
right"> </span> 
</span> 
</button> 
</aside> 
</div> 
</nav> 
«div classz"ac-gn-blur"» </div> 
«div id="ac-gn-curtain" class="ac-gn-curtain"> </div> 
«div id="ac-gn-placeholder" class="ac-nav-placeholder"> </div> 
«script src="/assets/scripts/ac-globalnav.built.js?41172203193"></script><div 
id="ac-gn-viewport-emitter"> </div> 
<link rel="stylesheet" href="/assets/styles/search.css?41172203193"> 
<script src="/assets/scripts/search.js?41172203193"></script> 


<!-- metrics --> 
<script> 
/* RSID: */ 
var s_account="awdappledeveloper" 
</script> 
«script src="/assets/metrics/scripts/analytics.js?10202020"></script> 
<script> 
s.pageName- AC && AC.Tracking && AC.Tracking.pageName(); 
s.channel="www.en.developer" 
s.channel="www.en.developer"; 


PREKKKKKAKAKAK DO NOT ALTER ANYTHING BELOW THIS LINE | *rttkkkkiktik*k/ 
var s code=s.t();if(s code)document.write(s code) 

</script> 

<!-- [metrics --> 


<link rel="stylesheet" property="stylesheet" 
href="/assets/styles/chapternav.css" type="text/css"> 
<nav id="chapternav" class="chapternav theme-dark"> 
«div class="chapternav-wrapper"> 
«ul class="chapternav-items"> 
<li class="chapternav-item chapternav-item-ios"> 
«a class="chapternav-link" href="/ios/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
«span class="chapternav-label">iOS</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-ipados"> 
<a class="chapternav-link" href="/ipados/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span 
class="chapternav-label">iPadOS</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-macos"> 
<a class="chapternav-link" href="/macos/"> 
<figure class="chapternav-icon" data-hires- 
status="pending"></figure> 
<span 
class="chapternav-label">macOS</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-tvos"> 
<a class="chapternav-link" href="/tvos/"> 
<figure class="chapternav-icon" data-hires- 
status="pending"></figure> 
<span class="chapternav-label">tvOS</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-watchos"> 
<a class="chapternav-link" href="/watchos/"> 


<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span 
class="chapternav-label">watchOS</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-app-store"> 
<a class="chapternav-link" href="/app-store/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span class="chapternav-label">App 
Store</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-program"> 
<a class="chapternav-link" href="/programs/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span 
class="chapternav-label">Program</span> 
</a> 
</li> 
</ul> 
<div class="chapternav-paddles"> 
<button class="chapternav-paddle chapternav-paddle-left" 
aria-hidden="true" disabled=""></button> 
<button class="chapternav-paddle chapternav-paddle-right" 
aria-hidden="true" disabled=""></button> 
</div> 
</div> 
</nav> 
<link rel="stylesheet" 
href="/assets/includes/platforms-chapter-nav/styles/platforms-chapter-nav.css"> 
<script src="/assets/scripts/chapternav.js"></script> 


<main id="main" class="main" role="main"> 
<div class="ribbon ribbon-blue"> 
<div class="ribbon-drop-wrapper"> 
<div class="ribbon-content-wrapper"> 
<div class="ribbon-content row"> 
<div class="column large-centered large- 
12 text-center"> 
<p> 
<a href="/whats-new/" 
class="ribbon-link">Find out what's new for <span class="nowrap more">Apple 
developers</span> </a> 
</p> 
</div> 
</div> 
</div> 
</div> 
</div> 


«section class- "section section-hero"> 
<header class="bg-discover"> 
<figure class="hero-discover" data-hires- 
status-"pending"» </figure> 
</header> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-12"> 
<div class="hero-copy"> 
«h1 class="typography-hero- 
headline" «span class="eyebrow">Discover</span>Infinite Possibilities</h1> 
«p class="typography-intro large-6 
medium-8 small-12">Developing for Apple platforms puts the cutting-edge 
technology of iOS, iPadOS, macOS, tvOS, and watchOS at your fingertips, giving 
you limitless ways to bring incredible apps to users around the world. These 
powerful platforms each offer unique capabilities and user experiences, yet 
integrate tightly to form a true ecosystem. Hardware, software, and services are 
designed from the ground up to work together so you can build intuitive, multi- 
faceted experiences that are genuinely seamless. </p> 
</div> 
</div> 
</div> 
</div> 
</section> 


<section class="section-design bg-grad-down" data-hires- 
status="pending"> 
<section class="grid section section-develop padding-top 
padding-bottom"> 
«div class="row padding-top"> 
<div class="column large-8 large-centered 
small-12 gutter text-center"> 
<h2 class="typography-section- 
headline" «span class="eyebrow">Learn, Build, and Innovate</span>Build 
apps. Build&nbsp;your&nbsp;future.</h2> 
«p class-"intro"2 Whether you're a first- 
time coder or an experienced developer looking to integrate the latest Apple 
technologies into your app, take advantage of free online resources to learn how 
to create apps with Swift and a variety of events and programs around the 
world.</p> 
<p><a href="/learn/" class="more">Get 


started</a> </p> 
</div> 
</div> 
</section> 
</section> 
<div> 


<figure class="hero-develop" data-hires-status="pending" 
style="background-image: 
url(&quot;https://developer.apple.com/discover/images/develop large 2x.jpg&qu 
ot;);"></figure> 
</div> 


«section class="grid section section-program padding-top padding- 
bottom"> 
<div class="row padding-top padding-bottom"> 
<div class="column large-12 gutter padding-bottom- 
small text-center"> 
<figure class="icon-program" data-hires- 
status-"pending"» </figure> 
<h2 class="typography-section- 
headline"> <span class="eyebrow">Apple Developer Program</span>Deliver 
the next generation of apps.</h2> 
«p class="intro">As a member, you'll get 
access to the latest beta software so you can build and test for upcoming 
releases before they're in the hands of customers. You'll also be able to integrate 
advanced app capabilities and services into your apps, and distribute to over a 
billion customers on the <span class="nowrap">App Store.</span></p> 
<p><a class "more" href="/programs/">Learn 
about membership</a></p> 
</div> 
</div> 
</section> 


<section class="grid section section-education section-two-up" > 
<div class="row row-related"> 
<div class="column large-6 small-12 large-push-6 
small-push-0 gutter"> 
<div class="copy-wrapper"> 
<h2 class="typography-section- 
headline"> «span class="eyebrow">Education</span>Apps for the 
classroom</h2> 
<p>Learn how to use the latest features 
on Apple platforms to build and optimize your apps for the classroom.</p> 
<p><a href="/education/">Learn about 
building apps <span class="nowrap more">for education</span></a></p> 
</div> 
</div> 
<div class="column large-6 small-12 gutter large-pull- 
6 small-pull-O section-education-hero" data-hires-status="pending"> 
<!-- Tile image --> 
</div> 
</div> 
</section> 


<section class="grid section section-enterprise section-two-up"> 
<div class="row row-related"> 
<div class="column large-6 small-12 gutter"> 
<div class="copy-wrapper"> 

<h2 class="typography-section- 
headline"> «span class="eyebrow">Business</span>Custom and «span 
class="nowrap">in-house apps</span> </h2> 

<p>Use the powerful capabilities of Apple 
platforms to build apps that integrate seamlessly with enterprise systems to 
transform how your business works.</p> 


<p><a href="/business/">Learn about 
creating apps <span class="nowrap more">for business</span></a></p> 


</div> 

</div> 

<div class="column large-6 small-12 gutter section- 

enterprise-hero" data-hires-status="pending"> 

<!-- Tile image --> 

</div> 

</div> 
</section> 


</main> 


«aside class="section developer-router-links"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-3 medium-6 small-6"> 
<a href="/news/" class="block text-center"> 
<figure class="router-icon router-icon- 
news" data-hires-status="pending"> </figure> 
<p><strong>News and 
Updates</strong> </p> 
<p class="typography-subbody">See the 
latest announcements and recommendations for Apple&nbsp;developers.</p> 
«p class="typography-subbody"> «span 
class="block-link more">View the latest</span></p> 
</a> 
</div> 
<div class="column large-3 medium-6 small-6"> 
<a href="/documentation/" class="block text- 
center"> 
<figure class="router-icon router-icon- 
documentation" data-hires-status="pending"> </figure> 


<p><strong>Documentation</strong> </p> 
«p class="typography-subbody">Browse 
the latest documentation including API reference, articles, and 
sample&nbsp;code.</p> 
<p class="typography-subbody"> <span 
class="block-link more" >Read API documentation</span></p> 
</a> 
</div> 
<div class="column large-3 medium-6 small-6"> 
<a href="/videos/" class="block text-center"> 
<figure class="router-icon router-icon- 
videos" data-hires-status="pending"></figure> 
<p><strong>Session 
Videos</strong></p> 
<p class="typography-subbody">See the 
latest in Apple technologies presented at WWDC and other events.</p> 
<p class="typography-subbody"><span 
class="block-link more">Watch videos</span></p> 
</a> 


</div> 
<div class="column large-3 medium-6 small-6"> 
<a 
href="https://developer.apple.com/download/" class="block text-center"> 
<figure class="router-icon router-icon- 
download" data-hires-status="pending"> </figure> 
<p><strong>Software 
Downloads</strong> </p> 
<p class="typography-subbody">Get the 
latest releases of Xcode, IOS, iPadOS, macOS, tvOS, watchOS, 
and&nbsp;more.</p> 
<p class="typography-subbody"><span 
class="block-link more">Download resources</span></p> 
</a> 
</div> 
</div> 
</div> 
</aside> 


<link rel="stylesheet" href="/assets/styles/footer.dist.css? 
41172203193"> 
<footer id="footer" class="footer" role="contentinfo" aria-labelledby="footer- 
label"> 
<div class="footer-content"> 
<h2 class="footer-label" id="footer-label">Developer Footer</h2> 
<developer-breadcrumbs style="display: block;"> 


<nav class="footer-breadcrumbs" aria-label="Breadcrumbs"><a 
href="https://www.apple.com/" class="home footer-breadcrumbs-home"><span 
class="footer-breadcrumbs-home-icon" aria-hidden="true" data-hires- 
status="pending">[]</span><span class="footer-breadcrumbs-home- 
label">Apple</span></a><div class="footer-breadcrumbs-path"><ol 
class="footer-breadcrumbs-list"><li class="footer-breadcrumbs-item"><a 
href="/">Developer</a></li><li 
class="footer-breadcrumbs-item">Discover</li></ol></div></nav></develope 
r-breadcrumbs> 
<nav class="footer-directory" aria-label="Apple Developer Directory" 
role="navigation"> 
<!--googleoff: all--> 
<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-platform"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-platform"> 
<h3 class="footer-directory-column-section- 
title">Platforms</h3> 
</label> 
<a href="#footer-directory-column-section-state-platform" 
class="footer-directory-column-section-anchor footer-directory-column-section- 


anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
«a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ios/">iOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ipados/">iPadOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/macos/">macOS</a></li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/tvos/">tvOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/watchos/">watchOS</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-tools"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-tools"> 
<h3 class="footer-directory-column-section- 
title">Tools</h3> 
</label> 
<a href="#footer-directory-column-section-state-tools" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"><a 
class="footer-directory-column-section-link" href="/swift/">Swift</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swiftui/">SwiftUl</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift-playgrounds/">Swift 
Playgrounds</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/testflight/">TestFlight</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode/">Xcode</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode-cloud/">Xcode 
Cloud «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/sf-symbols/">SF 
Symbols</a> </li> 


</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-topics"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-topics"> 
<h3 class="footer-directory-column-section- 
title" Topics «kamp; Technologies</h3> 
</label> 
«a href="#footer-directory-column-section-state-topics" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
«a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/accessibility/">Accessibility</a></li> 
<li class="footer-directory-column-section-item"><a 
class="footer-directory-column-section-link" 
href="/accessories/">Accessories</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-extensions/">App 
Extensions</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/">App 
Store</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/audio/">Audio «kamp; 
Video</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/augmented- 
reality/">Augmented Reality</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/business/">Business</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/">Design</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/distribute/">Distribution</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/education/">Education</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/fonts/">Fonts</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/games/">Games</a></li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/health-fitness/">Health 
samp; Fitness</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/in-app-purchase/">In-App 
Purchase</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/localization/">Localization</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/maps/">Maps &amp; 
Location</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/machine-learning/">Machine 
Learning</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/security/">Security</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/safari/">Safari «kamp; 
Web</a> </li> 

</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-resources"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-resources" > 
<h3 class="footer-directory-column-section- 
title">Resources</h3> 
</label> 
<a href="#footer-directory-column-section-state-resources" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/documentation/">Documentation</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/learn/curriculum/">Curriculum</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/download/">Downloads</a></li> 
<li class="footer-directory-column-section-item"><a 
class="footer-directory-column-section-link" 
href="https://developer.apple.com/forums/">Forums</a></li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/videos/">Videos</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-support"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-support"> 
<h3 class="footer-directory-column-section- 
title">Support</h3> 
</label> 
<a href="#footer-directory-column-section-state-support" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/support/articles/">Support 
Articles</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/contact/">Contact 
Us</a> </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/bug-reporting/">Bug 
Reporting «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/system-status/">System 
Status</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-account"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-account"> 
<h3 class="footer-directory-column-section- 
title">Account</h3> 
</label> 
<a href="#footer-directory-column-section-state-account" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/account/">Apple 
Developer</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://appstoreconnect.apple.com/">App Store Connect</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/account/ios/certificate/">Certificates, IDs, &amp; Profiles</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://feedbackassistant.apple.com/">Feedback Assistant</a> </li> 

</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-programs"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-programs" > 
<h3 class="footer-directory-column-section- 
title">Programs</h3> 
</label> 
<a href="#footer-directory-column-section-state-programs" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/">Apple Developer 
Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/enterprise/">Apple 
Developer Enterprise Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/small-business- 
program/">App Store Small Business Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="https://mfi.apple.com/">MFi 
Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/news- 
partner/">News Partner Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/video- 
partner/">Video Partner Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/security-bounty/">Security 
Bounty Program</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/security-research- 
device/">Security Research Device Program</a> </li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-events"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-events"> 
<h3 class="footer-directory-column-section- 
title">Events</h3> 
</label> 
<a href="#footer-directory-column-section-state-events" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/accelerator/">App 
Accelerators</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/app-store- 
awards/">App Store Awards</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/awards/">Apple 
Design Awards</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/learn/experts/+academies">Apple Developer Academies</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/entrepreneur- 
camp/">Entrepreneur Camp</a> </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/tech-talks/">Tech 
Talks</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/wwdc/">WWDC</a> </li> 


</ul> 
</div> 
</div> 
<!--googleon: all--> 
</nav> 


«section class="footer-mini" vocabz"http://schema.org/" 
typeof="Organization"> 
<div class="footer-mini-news"> 
<div class="copy"> 
To view the latest developer news, visit <a 
href="/news/">News and Updates</a>. 
</div> 


<div class "content" - 
<div class="color-scheme-toggle" role="radiogroup" 
tabindex="0" aria-label="Select a color scheme preference"> 


<label data-color-scheme-option="light"> 


<input type="radio" value="light" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Light</div> 
</label> 
<label data-color-scheme-option="dark"> 


<input type="radio" value="dark" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Dark</div> 
</label> 
<label data-color-scheme-option="auto"> 


<input type="radio" value="auto" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Auto</div> 
</label> 


</div> 
<script async="" src="/assets/scripts/color-scheme- 
toggle.js"></script> 
</div> 
</div> 
<link rel="stylesheet" href="/assets/styles/language-dropdown.css? 
41172203193"> 
<div class="language-dropdown dropdown-container" data- 
lang="complete"> 
<select class="dropdown" aria-label="Language 
Dropdown"><option 
value="https://developer.apple.com/discover/">English</option><option 
value="https://developer.apple.com/cn/discover/">[D]</option> «option 
value="https://developer.apple.com/jp/discover/">[HH</option> «option 
value="https://developer.apple.com/kr/discover/">[[1</option> </select> 
<span class="dropdown-icon icon icon-chevrondown" aria- 
hidden="true"> </span> 
</div> 
«script async="" src="/assets/scripts/lib/jquery/jquery.language- 
dropdown.js?41172203193"></script> 


«div class="footer-mini-legal"= 
«div class="footer-mini-legal-copyright">Copyright © 2022 «a 
href="https://www.apple.com">Apple Inc.</a> All rights reserved.</div> 
«div class="footer-mini-legal-links"> 
«a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/internet-services/terms/site.html"> Terms of 
Use</a> 
«a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/privacy/en-ww/">Privacy Policy</a> 
<a class="footer-mini-legal-link" 
href="/support/terms/">Agreements and Guidelines</a> 
</div> 
</div> 
</section> 
</div> 
</footer> 


</body></html> 


«html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" 
lang="en"> <head> 
«meta charset="utf-8"> 
«meta name="Author" content="Apple Inc."> 
<meta name="viewport" content="width=device-width, initial-scale=1, 
viewport-fit=cover"> 
<link rel="shortcut icon" href="/favicon.ico"> 
<link rel="icon" href="/favicon.ico"> 
<link rel="mask-icon" href="/apple-logo.svg" color="#333333"> 


<link rel="stylesheet" href="/assets/styles/global.dist.css?41172203193" 
type="text/css"> 

<link rel="stylesheet" href="/assets/styles/dark-mode.css?41172203193" 
type="text/css" media="" data-color-scheme="dark"> 

<link rel="stylesheet" href="/assets/styles/localization.css?41172203193" 
type="text/css"> 


<script src="/assets/scripts/lib/jquery/jquery-3.6.0.min.js?41172203193"></ 
script> 

<script src="/assets/scripts/settings.js?41172203193"></script> 

<script src="/assets/scripts/language-locales.js?41172203193"></script> 
<script src="/assets/scripts/DeveloperBreadcrumbs.js?41172203193"></script> 


<script async="" src="/assets/scripts/lib/jquery/jquery.retinate.js? 
41172203193"></script> 

<script async="" src="/assets/scripts/global.js?41172203193"></script> 
<script async="" src="/assets/scripts/global-logout.js?41172203193"></script> 


<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro+lcons&amp;v=1" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Mono&amp;v=2" type="text/css"> 


<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=Apple+lcons&amp;v=1" type="text/css"> 


«title» Design - Apple Developer</title> 

«meta name-"omni page" content="Design - (English)"> 

«meta name="Description" content="Find documentation and 
resources for designing great apps for Apple platforms." 


«meta property="og:locale" content="en_US"> 

«meta property="og:site name" content-"Apple Developer" - 

«meta property="og:type" content-" website" 

«meta property="og:image" 
content="https://developer.apple.com/news/images/og/design-0g.jpg"> 

<meta property="og:title" content="Design - Apple Developer"> 

<meta property="og:description" content="Find documentation 
and resources for designing great apps for Apple platforms."> 

<meta property="og:url" 
content="https://developer.apple.com/design/"> 


<meta name="twitter:card" content="summary large image"> 

<meta name="twitter:image" 
content="https://developer.apple.com/news/images/og/design-og-twitter.jpg"> 

<meta name="twitter:title" content="Design - Apple Developer"> 

<meta name="twitter:description" content="Find documentation 
and resources for designing great apps for Apple platforms."> 

<meta name="twitter:url" 
content="https://developer.apple.com/design/"> 


<link rel="alternate" href="https://developer.apple.com/design/" 
hreflang="en"> 

<link rel="alternate" href="https://developer.apple.com/cn/design/" 
hreflang="zh-CN"> 

<link rel="alternate" href="https://developer.apple.com/jp/design/" 
hreflang="ja-JP"> 

<link rel="alternate" href="https://developer.apple.com/kr/design/" 
hreflang="ko-KR"> 

«link rel="canonical" href="https://developer.apple.com/design/"> 


<link rel="stylesheet" href="/design/styles/design-alt.css?Friday, 
15-Jul-2022 23:08:05 GMT1" type="text/css"> 
</head> 


«body class="nav-design dmf" data-color-scheme="dark"> 
<link rel="stylesheet" href="/assets/styles/globalnav.css?41172203193" 
type="text/css"> 


<link rel="stylesheet" href="/assets/styles/suggest-lang.css?41172203193" 
type="text/css"> 
<div id="suggest-lang" class="ribbon hide"> 

<div class="ribbon-content-wrapper"> 

<div class="ribbon-content row"> 
<div class="column large-12 large-centered"> 
<a id="suggest-closer" class="icon icon-after icon- 

reset"></a> 


<p><a href="#" id="suggest-link" class="ribbon-link 
more">View in English</a></p> 
</div> 
</div> 
</div> 
</div> 
<script src="/assets/scripts/suggest-lang.js?41172203193"></script> 
<aside id="ac-gn-segmentbar" class="ac-gn-segmentbar" lang="en-US" 
dir="ltr"> 
</aside> 
<input type="checkbox" id="ac-gn-menustate" class="ac-gn-menustate"> 
<nav id="ac-globalnav" class="js touch no-windows" role="navigation" aria- 
label="Global" data-hires="false" data-analytics-region="global nav" lang="en- 
US" dir="ltr" data-www-domain="www.apple.com" data-store-locale="us" data- 
store-root-path="/us" data-store-api="/[storefront]/shop/bag/status" data- 
search-locale="en_US" 
data-search-suggestions-api="/search-services/suggestions/" data-search- 
defaultlinks-api="/search-services/suggestions/defaultlinks/" data-search- 
suggestions-enabled="false"> 
<div class="ac-gn-content"> 
<ul class="ac-gn-header"> 
<li class="ac-gn-item ac-gn-menuicon"> 
<label class="ac-gn-menuicon-label" for="ac-gn- 
menustate" aria-hidden="true"> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-top"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-top"> </span> 
</span> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-bottom"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-bottom"» </span> 
</span> 
</label> 
«a href="#ac-gn-menustate" role="button" class="ac- 
gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Open Menu</span> 
</a> 
<a href="#" role="button" class="ac-gn-menuanchor 
ac-gn-menuanchor-close" id="ac-gn-menuanchor-close"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Close Menu</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-apple"> 
«a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus- 
small" > 
«span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 


</ul> 
<div class="ac-gn-search-placeholder-container" role="search"> 
<div class="ac-gn-search ac-gn-search-small"> 
<a id="ac-gn-link-search-small" class="ac-gn-link" 
href="/search/" data-analytics-title="search" data-analytics-click="search" data- 
analytics-intrapage-link="" aria-label="Search" role="button" aria- 
haspopup="true"> 
<div class="ac-gn-search-placeholder-bar"> 
<div class="ac-gn-search-placeholder- 
input"> 
<div class="ac-gn-search- 
placeholder-input-text" aria-hidden="true"> 
<div class="ac-gn-link- 
search ac-gn-search-placeholder-input-icon"></div> 
<span class="ac-gn-search- 
placeholder">Search</span> 
</div> 
</div> 
<div class="ac-gn-searchview-close ac- 
gn-searchview-close-small ac-gn-search-placeholder-searchview-close"> 
<span class="ac-gn-searchview- 
close-cancel" aria-hidden="true">Cancel</span> 
</div> 
</div> 
</a> 
</div> 
</div> 
<ul class="ac-gn-list"> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus"> 
<span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-news"> 
<a class="ac-gn-link ac-gn-link-news" href="/news/" 
data-analytics-title="news"> 
<span class="ac-gn-link-text">News</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-discover"> 
<a class="ac-gn-link ac-gn-link-discover" 
href="/discover/" data-analytics-title="discover"> 
<span 
class="ac-gn-link-text">Discover</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-design"> 
<a class="ac-gn-link ac-gn-link-design" href="/design/" 
data-analytics-title="design"> 
<span class="ac-gn-link-text">Design</span> 
</a> 
</li> 


<li class="ac-gn-item ac-gn-item-menu ac-gn-develop"> 
<a class="ac-gn-link ac-gn-link-develop" 
href="/develop/" data-analytics-title="develop"> 
<span class="ac-gn-link-text">Develop</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-distribute"> 
<a class="ac-gn-link ac-gn-link-distribute" 
href="/distribute/" data-analytics-title="distribute"> 
<span 
class="ac-gn-link-text">Distribute</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-dsupport"> 
<a class="ac-gn-link ac-gn-link-dsupport" 
href="/support/" data-analytics-title="dsupport"> 
«span class="ac-gn-link-text">Support</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-account"> 
<a class="ac-gn-link ac-gn-link-account" 
href="/account/" data-analytics-title="account"> 
«span class="ac-gn-link-text">Account</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-search" 
role="search"> 
<a id="ac-gn-link-search" class="ac-gn-link ac-gn-link- 
search" href="/search/" data-analytics-title="search" data-analytics- 
click="search" data-analytics-intrapage-link="" aria-label="Search" 
role="button" aria-haspopup="true"> </a> 
</li> 
</ul> 
<aside id="ac-gn-searchview" class="ac-gn-searchview" 
role="search" data-analytics-region="search"> 
«div class="ac-gn-searchview-content"> 
<div class="ac-gn-searchview-bar"> 
<div class="ac-gn-searchview-bar-wrapper"> 
<form id="ac-gn-searchform" class="ac- 
gn-searchform" action="/search/" method="get"> 
<div class="ac-gn-searchform- 
wrapper"> 
<input id="ac-gn- 
searchform-input" class="ac-gn-searchform-input" type="text" name="g" aria- 
label="Search" placeholder="Search" autocorrect="off" autocapitalize="off" 
autocomplete="off" spellcheck="false" role="combobox" aria- 
autocomplete="list" aria-expanded="true" aria-owns="guicklinks suggestions"> 
<button id="ac-gn- 
searchform-submit" class="ac-gn-searchform-submit" type="submit" 
disabled="" aria-label="Submit Search" > </button> 
<button id="ac-gn- 
searchform-reset" class="ac-gn-searchform-reset" type="reset" disabled="" 
aria-label="Clear Search" > 


<span 
class="ac-gn-searchform-reset-background"> </span> 
</button> 
</div> 
</form> 
«button id="ac-gn-searchview-close- 
small" class="ac-gn-searchview-close ac-gn-searchview-close-small" aria- 
label="Cancel Search"> 
<span class="ac-gn- 
searchview-close-cancel" aria-hidden="true"> 
Cancel 
</span> 
</button> 
</div> 
</div> 
<aside id="ac-gn-searchresults" class="ac-gn- 
searchresults" data-string-guicklinks="Ouick Links" data-string- 
suggestions="Suggested Searches" data-string-noresults=""> 
<section class="ac-gn-searchresults-section ac-gn-searchresults- 
section-defaultlinks"> 
<div class="ac-gn-searchresults-section-wrapper"> 
<div class="search-group- 
checkbox hidden" > «input id="group-input" type="checkbox" name="group- 
filter" checked="">Only search within "<span 
id="group-search-label"></span>"</div> 
<h3 class="ac-gn-searchresults-header ac-gn-searchresults- 
animated">Quick Links</h3> 
<ul class="ac-gn-searchresults-list" id="defaultlinks" 
role="listbox"> 
<li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/ios/" id="search-group-link-0" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">iOS 
16</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/news/" id="search-group-link- 
1" class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">Latest 
News</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a 
href="https://developer.apple.com/documentation/storekit/appstore/ 
environment/3963900-xcode/" id="search-group-link-2" class="ac-gn- 
searchresults-link ac-gn-searchresults-link-defaultlinks">xcode</a> </li> «li 
class="ac-gn-searchresults-item ac-gn-searchresults-animated"><a 
href="https://developer.apple.com/xcode/whats-new/" id="search-group-link-3" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">What’s 
included in Xcode</a></li><li class="ac-gn-searchresults-item ac-gn- 
searchresults-animated"><a 
href="https://developer.apple.com/videos/play/wwdc2022/110345/" id="search- 
group-link-4" class="ac-gn-searchresults-link ac-gn-searchresults-link- 
defaultlinks">What’s new in Endpoint Security</a></li></ul> 
«span role="status" class="ac-gn-searchresults-count" aria- 
live="polite">5 Quick Links</span> 
</div> 
</section> 
</aside> 
</div> 


<button id="ac-gn-searchview-close" class="ac-gn- 

searchview-close" aria-label="Cancel Search" > 
<span class="ac-gn-searchview-close- 
wrapper"> 
<span class="ac-gn-searchview-close- 
left"></span> 
<span class="ac-gn-searchview-close- 
right"> </span> 
</span> 
</button> 
</aside> 

</div> 
</nav> 
<div classz"ac-gn-blur"» </div> 
«div id="ac-gn-curtain" class="ac-gn-curtain"> </div> 
<div id="ac-gn-placeholder" class="ac-nav-placeholder"> </div> 
«script src="/assets/scripts/ac-globalnav.built.js?41172203193"></script><div 
id="ac-gn-viewport-emitter"> </div> 
<link rel="stylesheet" href="/assets/styles/search.css?41172203193"> 
<script src="/assets/scripts/search.js?41172203193"></script> 


<!-- metrics --> 
<script> 
/* RSID: */ 
var s account="awdappledeveloper" 
</script> 
«script src="/assets/metrics/scripts/analytics.js?10202020"></script> 
<script> 
s.pageName- AC && AC.Tracking && AC.Tracking.pageName(); 
s.channel="www.en.developer" 
s.channel="www.en.developer"; 


Podatek DO NOT ALTER ANYTHING BELOW THIS LINE | tikt] 
var s codess.t();if(s code)document.write(s code) 
</script> 
<!-- /metrics --> 
<link rel="stylesheet" property="stylesheet" 
href="/assets/styles/localnav.css" type="text/css"> 
<input type="checkbox" id="localnav-menustate" class="localnav-menustate"> 
<div id="localnav-sticky-placeholder" class="css-sticky"></div><nav 
id="localnav" class="localnav localnav-scrim css-sticky" data-sticky="" 
role="navigation"> 
<div class="localnav-wrapper"> 
<div class="localnav-background"> </div> 
<div class="localnav-content"> 
<h2 class="localnav-title"> 
<a class="ac-In-title-logo" href="/design/" data-analytics- 
title="product index">Design</a> 
</h2> 


<div class="localnav-menu"> 
<a href="#localnav-menustate" class="localnav-menucta-anchor 
localnav-menucta-anchor-open" id="localnav-menustate-open"> 


<span class="localnav-menucta-anchor-label">Open Menu</span> 
</a> 
«a href="#" class="localnav-menucta-anchor localnav-menucta- 
anchor-close" id="localnav-menustate-close"> 
«span class="localnav-menucta-anchor-label">Close Menu</span> 
</a> 
<div class="localnav-menu-tray"> 
«ul class="localnav-menu-items"> 
<li class="localnav-menu-item"> 
<a href="/design/" class="localnav-menu-link current" aria- 
disabled="true">Overview</a> 
</li> 
<li class="localnav-menu-item"> 
<a href="/design/whats-new/" class="localnav-menu- 
link">What's New</a> 
</li> 
<li class="localnav-menu-item"> 
<a 
href="/design/human-interface-guidelines/guidelines/overview" class="localnav- 
menu-link">Guidelines</a> 
</li> 
<li class="localnav-menu-item"> 
<a href="/design/awards/" class="localnav-menu-link">Design 
Awards</a> 
</li> 
<li class="localnav-menu-item"> 
<a href="/videos/design/" class="localnav-menu- 
link">Videos</a> 
</li> 
<li class="localnav-menu-item"> 
<a href="/design/resources/" class="localnav-menu- 
link">Resources</a> 
</li> 
</ul> 
</div> 
<div class="localnav-actions"> 
«div class="localnav-action localnav-action-menucta" aria- 
hidden="true"> 
<label for="localnav-menustate" class="localnav-menucta"> 
<span class="localnav-menucta-chevron"></span> 
</label> 
</div> 
</div> 


</div> 
</div> 
</div> 
</nav> 
<label id="localnav-curtain" for="localnav-menustate"></label> 
«script src="/assets/scripts/ac-localnav.built.js"></script> <div id="localnav- 
viewport-emitter" data-viewport-emitter-dispatch="" data-viewport-emitter- 
state<" (&quot;viewport&quot;:&quot;small&quot;, &quot;orientation&quot;:&quo 
t;portrait&quot;,&quot;retina&quot;:true}"></div> 
<script type="text/javascript" src="/assets/scripts/localnav.js"></script> 


«main id<" main" class="main" role="main"> 


<section id="hello-section" class="section section-hero" 
style="background-color: rgb(153, 122, 0);"> 
<figure class="hello-hero" id="hello-hero" data-hires- 
status="pending" style="background-image: 
url(&quot;/design/images/hello/design-hero-yellow-dark_2x.png&quot;);"></ 
figure> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-8 medium-11 small- 
12 large-centered text-center"> 
<p class="hero-text">Learn how to 
design great apps and games that integrate seamlessly with 
Apple&nbsp;platforms. </p> 
</div> 
</div> 
</div> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-9 medium-11 small- 
12 large-centered text-center"> 
«h1 class="typography-hero- 
headline">What's new</h1> 
<p class="typography-intro">Explore 
inspirational designs, videos, articles and resources. Keep informed with the 
latest additions and updates to design&nbsp;guidance.</p> 
<p class="typography-intro"> 
<a class="more" 
href="/design/whats-new/">View Updates</a> 
</p> 
</div> 
</div> 
</div> 
</section> 
<script src="/design/scripts/hello-hero.js?Tuesday, 12-Jul-2022 
17:06:18 GMT"></script> 


<section class="section section-meet"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-10 medium-11 small- 

12 large-centered text-center"> 

<hl class="typography-hero- 
headline">Human Interface Guidelines</h1> 

<p class="typography-intro">Meet the 
new Human Interface Guidelines. Get in-depth information and UI resources for 
designing great apps that integrate seamlessly with Apple platforms. Human 
Interface Guidelines provides components and tools to help you work more 
efficiently, and to make your applications more&nbsp;cohesive.</p> 

<p class="typography-intro"><a 
href="/design/human-interface-guidelines/guidelines/overview" class="nowrap 
more">Meet the Human Interface Guidelines</a></p> 


</div> 
</div> 
</div> 
</section> 


<section class="section section-videos"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-10 medium-11 small- 
12 large-centered text-center"> 
<hl class="typography-hero- 
headline">Design videos</h1> 
</div> 
</div> 
</div> 
«div class="row justify-content-center"> 
<div class="large-container-grid"> 
<div class="grid-3x"> 
<a class="card card-small" 
href="/videos/play/wwdc2022/10009/"> 
<figure class="card-image video- 
card-1" data-hires-status="pending"> 
<div class="design- 
timestamp"> 
<p>18:08</p> 
</div> 
</figure> 
<div class="card-info"> 
<div> 
<p class="card- 
detial">WWDC22 - iPadOS</p> 
<h5 class="card- 
title" What's new in iPad app design</h5> 
<p class="card- 
desc">Discover the latest updates in iPad app design. We'll take you through 
improvements to search, navigation bars, edit menus, multi-selection, and 
more.</p> 
</div> 
<p class="card-link"><span 
class="icon icon-before icon-playcircle link">Watch Now</span> </p> 
</div> 
</a> 
<a class="card card-small" 
href="/videos/play/wwdc2022/10037/"> 
<figure class="card-image video- 
card-2" data-hires-status="pending"> 
<div class="design- 
timestamp"> 
<p>23:29</p> 
</div> 
</figure> 
<div class="card-info"> 
<div> 


<p class="card- 
detial">WWDC22 - All platforms</p> 
<h5 class="card- 
title"> Writing for interfaces</h5> 
<p class="card- 
desc">Learn how you can design through the lens of language and help people 
get the most from your app.</p> 
</div> 
«p class="card-link"><span 
class="icon icon-before icon-playcircle link">Watch Now</span> </p> 
</div> 
</a> 
<a class="card card-small" 
href="/videos/play/wwdc2022/110342/"> 
<figure class="card-image video- 
card-3" data-hires-status="pending"> 
<div class="design- 
timestamp"> 
<p>15:43</p> 
</div> 
</figure> 
<div class="card-info"> 
<div> 
<p class="card- 
detial">WWDC22 - iOS, iPadOS, macOS, watchOS</p> 
<h5 class="card- 
title">Design app experiences with charts</h5> 
<p class="card- 
desc">Learn how you can enhance your app with charts to communicate data 
with more clarity and appeal.</p> 
</div> 
<p class="card-link"><span 
class="icon icon-before icon-playcircle link">Watch Now</span></p> 
</div> 
</a> 
</div> 
</div> 
</div> 
</section> 


<section class="section section-articles"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-10 medium-11 small- 
12 large-centered text-center"> 
<hl class="typography-hero- 
headline">Design articles</h1> 
</div> 
</div> 
</div> 
«div class="row justify-content-center"> 
<div class="large-container-grid"> 
<div class="grid-3x"> 


<a class="card card-small" href="/news/? 
id=9t542fct"> 
«figure class="card-image article- 
card-1" data-hires-status="pending"> </figure> 
<div class="card-info"> 

<p class="card- 
detial">News - June 7, 2022</p> 

«h5 class="card- 
title" Apple Design Award winners announced «/h5» 

«p class="card-link 
link" > «span class="icon-hig-article" 
data-hires-status="pending">Read</span></p> 

</div> 
</a> 
<a class="card card-small" href="/news/? 
id=v8a3aetj"> 
<figure class="card-image article- 
card-2" data-hires-status="pending"></figure> 
<div class="card-info"> 

<p class="card- 
detial">Articles</p> 

<h5 class="card-title">Meet 
the new Human Interface Guidelines</h5> 

<p class="card-link 
link"><span class="icon-hig-article" 
data-hires-status="pending">Read</span></p> 

</div> 
</a> 
<a class="card card-small" href="/news/? 
id=3sgp4ps7"> 
<figure class="card-image article- 
card-3" data-hires-status="pending"> </figure> 
<div class="card-info"> 

<p class="card- 
detial">Article</p> 

<h5 class="card- 
title" Challenge: Pixel perfect design</h5> 

«p class="card-link 
link" ><span class="icon-hig-article" 
data-hires-status="pending">Read</span></p> 

</div> 
</a> 
</div> 
</div> 
</div> 
</section> 


<section class="section section-articles"> 
«div class="row justify-content-center"> 
<a class="large-container-grid" 
href="/design/resources/"> 
<div class="card no-pointer"> 
<div class="column large-12 medium-12 
small-12 large-centered text-center resources-card"> 


«h1 class="typography-hero- 
headline">Apple Design Resources</h1> 
<p class="typography- 
intro">Design apps quickly and accurately by using Sketch, Photoshop, and XD 
templates, guides, and other&nbsp;resources. </p> 
«p class="typography-intro nowrap 
more link">Go to Apple Design Resources</p> 
</div> 
«img class="dark-mode-image row" 
src="https://developer.apple.com/design/images/hello/apple-design-resources- 
dark_2x.jpg" width="100%" alt="" data-hires-status="pending"> 
</div> 
</a> 
</div> 
</section> 


«section class="section section-articles"> 
«div class="row justify-content-center"> 
<a class="large-container-grid" 
href="/design/awards/"> 
<div class="card no-pointer"> 
<picture class="row"> 
<source media="(max-width: 
735px)" srcset-"/design/images/hello/apple-design-awards-22-small 2x.jpg"> 
«source media="(max-width: 
1065px)" srcset="/design/images/hello/apple-design-awards-22- 
medium 2x.jpg"> 
«img 
src="/design/images/hello/apple-design-awards-22-large 2x.jpg" width="100%" 
class="" alt="" data-hires-status="pending"> 
</picture> 
<div class="column large-8 medium-9 
small-12 large-centered text-center ada-card"> 
«h1 class="typography-hero- 
headline">Apple Design Awards</h1> 
«p class="typography-intro">The 
Apple Design Awards honor excellence in innovation, ingenuity, and technical 
achievement in app and game&nbsp;design.</p> 
«p class="typography-intro nowrap 
link more"» View the 2022 winners</p> 


</div> 
</div> 
</a> 
</div> 
</section> 
</main> 
<script 


src="/design/human-interface-guidelines/scripts/darkModelmages.js" ></script> 
<link rel="stylesheet" href="/assets/styles/footer.dist.css? 
41172203193"> 
<footer id="footer" class="footer" role="contentinfo" aria-labelledby="footer- 
label"> 
<div class="footer-content"> 
<h2 class="footer-label" id="footer-label">Developer Footer</h2> 


<developer-breadcrumbs style="display: block;"> 


«nav class="footer-breadcrumbs" aria-label="Breadcrumbs"><a 
href="https://www.apple.com/" class="home footer-breadcrumbs-home"» <span 
class="footer-breadcrumbs-home-icon" aria-hidden="true" data-hires- 
status="pending">[]</span> «span class="footer-breadcrumbs-home- 
label">Apple</span> </a> «div class="footer-breadcrumbs-path"><ol 
class="footer-breadcrumbs-list"> <li class="footer-breadcrumbs-item"><a 
href="/">Developer</a></li><li 
class="footer-breadcrumbs-item"> Design</li> </ol> </div> </nav> «/developer- 
breadcrumbs> 

<nav class="footer-directory" aria-label="Apple Developer Directory" 
role="navigation"> 

<!--googleoff: all--> 

<div class="footer-directory-column"> 

<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-platform"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-platform"> 
<h3 class="footer-directory-column-section- 
title">Platforms</h3> 
</label> 
«a href="#footer-directory-column-section-state-platform" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ios/">iOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ipados/">iPadOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/macos/">macOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/tvos/">tvOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/watchos/">watchOS</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-tools"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-tools"> 
<h3 class="footer-directory-column-section- 
title">Tools</h3> 
</label> 


<a href="#footer-directory-column-section-state-tools" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
«a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift/">Swift</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swiftui/">SwiftUl</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift-playgrounds/">Swift 
Playgrounds</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/testflight/">TestFlight</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode/">Xcode</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode-cloud/">Xcode 
Cloud «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/sf-symbols/">SF 
Symbols</a> </li> 
</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-topics"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-topics"> 
<h3 class="footer-directory-column-section- 
title" Topics «kamp; Technologies</h3> 
</label> 
<a href="#footer-directory-column-section-state-topics" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/accessibility/">Accessibility</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/accessories/">Accessories</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-extensions/">App 
Extensions</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/">App 
Store</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/audio/">Audio «kamp; 
Video</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/augmented- 
reality/">Augmented Reality</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/business/">Business</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/">Design</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/distribute/">Distribution</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/education/">Education</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/fonts/">Fonts</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/games/">Games</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/health-fitness/">Health 
samp; Fitness</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/in-app-purchase/">In-App 
Purchase</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/localization/">Localization</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/maps/">Maps &amp; 
Location</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/machine-learning/">Machine 
Learning</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/security/">Security</a></li> 

<li class="footer-directory-column-section-item"><a 
class="footer-directory-column-section-link" href="/safari/">Safari &amp; 
Web</a></li> 

</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-resources"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-resources" > 
<h3 class="footer-directory-column-section- 
title">Resources</h3> 
</label> 
<a href="#footer-directory-column-section-state-resources" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/documentation/">Documentation</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
hrefz"/learn/curriculum/"» Curriculum «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" 
href="/download/">Downloads</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://developer.apple.com/forums/">Forums</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/videos/">Videos</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-support"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-support"> 
<h3 class="footer-directory-column-section- 
title">Support</h3> 
</label> 
<a href="#footer-directory-column-section-state-support" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/support/articles/">Support 
Articles</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/contact/">Contact 
Us</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/bug-reporting/">Bug 
Reporting «/a» </li> 

<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/system-status/">System 
Status</a></li> 

</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-account"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-account"> 
<h3 class="footer-directory-column-section- 
title">Account</h3> 
</label> 
<a href="#footer-directory-column-section-state-account" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/account/">Apple 
Developer</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://appstoreconnect.apple.com/">App Store Connect</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/account/ios/certificate/">Certificates, IDs, (amp; Profiles</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://feedbackassistant.apple.com/">Feedback Assistant</a></li> 
</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
«input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-programs"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-programs" > 
<h3 class="footer-directory-column-section- 
title">Programs</h3> 
</label> 


<a href="#footer-directory-column-section-state-programs" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/">Apple Developer 
Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/enterprise/">Apple 
Developer Enterprise Program «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/app-store/small-business- 
program/">App Store Small Business Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="https://mfi.apple.com/">MFi 
Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/news- 
partner/">News Partner Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/video- 
partner/">Video Partner Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/security-bounty/">Security 
Bounty Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/security-research- 
device/">Security Research Device Program</a> </li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-events"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-events"> 
<h3 class="footer-directory-column-section- 
title">Events</h3> 
</label> 
<a href="#footer-directory-column-section-state-events" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/accelerator/">App 
Accelerators</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/app-store- 
awards/">App Store Awards</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/awards/">Apple 
Design Awards</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/learn/experts/+academies">Apple Developer Academies</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/entrepreneur- 
camp/">Entrepreneur Camp</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/tech-talks/">Tech 
Talks</a> </li> 

<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/wwdc/">WWDC</a></li> 


</ul> 
</div> 
</div> 
<!--googleon: all--> 
</nav> 


«section class="footer-mini" vocabz"http://schema.org/" 
typeof="Organization"> 
<div class="footer-mini-news"> 
<div class="copy"> 
To view the latest developer news, visit <a 
href="/news/">News and Updates</a>. 
</div> 
<div class="content"> 
<div class="color-scheme-toggle" role="radiogroup" 
tabindex="0" aria-label="Select a color scheme preference"> 


<label data-color-scheme-option="light"> 
<input type="radio" value="light" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 
<div class="text">Light</div> 
</label> 
<label data-color-scheme-option="dark"> 
<input type="radio" value="dark" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 
<div class="text">Dark</div> 


</label> 


<label data-color-scheme-option="auto"> 


<input type="radio" values "auto" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Auto</div> 
</label> 


</div> 
<script async="" src="/assets/scripts/color-scheme- 
toggle.js"></script> 
</div> 
</div> 
<link rel="stylesheet" href="/assets/styles/language-dropdown.css? 
41172203193"> 
<div class="language-dropdown dropdown-container" data- 
lang="complete"> 
<select class="dropdown" aria-label="Language 
Dropdown"> «option 
value="https://developer.apple.com/design/">English</option> «option 
value="https://developer.apple.com/cn/design/">p[000</option><option 
value="https://developer.apple.com/jp/design/">[H[</option> «option 
value-"https://developer.apple.com/kr/design/" »[][][] x/option2 </select> 
«span class="dropdown-icon icon icon-chevrondown" aria- 
hidden="true"> </span> 
</div> 
«script async="" src="/assets/scripts/lib/jquery/jquery.language- 
dropdown.js?41172203193"></script> 
<div class="footer-mini-legal"> 
<div class="footer-mini-legal-copyright">Copyright © 2022 <a 
href="https://www.apple.com">Apple Inc.</a> All rights reserved.</div> 
<div class="footer-mini-legal-links"> 
<a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/internet-services/terms/site.html">Terms of 
Use</a> 
<a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/privacy/en-ww/">Privacy Policy</a> 
<a class="footer-mini-legal-link" 
href="/support/terms/">Agreements and Guidelines</a> 
</div> 
</div> 
</section> 
</div> 
</footer> 
<!-- <script src="/assets/scripts/chapternav.js"></script> --> 


</body></html> 


«html xmIns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en" 
class="js touch svg no-ie8 progressive-image"><head> 


<meta charset="utf-8"> 
<meta name="Author" content="Apple Inc."> 


«meta name="viewport" content="width=device-width, initial-scale=1, 
viewport-fit=cover"> 

<link rel="shortcut icon" href="/favicon.ico"> 

<link rel="icon" href="/favicon.ico"> 

«link rel="mask-icon" href="/apple-logo.svg" color="#333333"> 


<link rel="stylesheet" href="/assets/styles/global.dist.css?41172203193" 
type="text/css"> 

<link rel="stylesheet" href="/assets/styles/dark-mode.css?41172203193" 
type="text/css" media="" data-color-scheme="dark"> 

<link rel="stylesheet" href="/assets/styles/localization.css?41172203193" 
type="text/css"> 


<script src="/assets/scripts/lib/jquery/jquery-3.6.0.min.js?41172203193"></ 
script> 

<script src="/assets/scripts/settings.js?41172203193"></script> 

<script src="/assets/scripts/language-locales.js?41172203193"></script> 
<script src="/assets/scripts/DeveloperBreadcrumbs.js?41172203193"></script> 


«script async="" src="/assets/scripts/lib/jquery/jquery.retinate.js? 
41172203193"></script> 

<script async="" src="/assets/scripts/global.js?41172203193"></script> 
<script async="" src="/assets/scripts/global-logout.js?41172203193"></script> 


<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro+lcons&amp;v=1" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Mono&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=Apple+lcons&amp;v=1" type="text/css"> 


<title>Distribute - Apple Developer</title> 

<meta name="omni_page" content="Distribute - (English)"> 

<meta name="Description" content="Learn how you can distribute your 
apps worldwide on the App Store."> 


<meta property="og:locale" content="en_US"> 

<meta property="og:site_name" content="Apple Developer"> 

«meta property="og:type" content="website"> 

<meta property="og:image" 
content="https://developer.apple.com/news/images/og/distribute-og.jpg"> 

<meta property="og:title" content="Distribute - Apple Developer"> 

<meta property="og:description" content="Learn how you can distribute 
your apps worldwide on the App Store."> 

<meta property="og:url" 
content="https://developer.apple.com/distribute/"> 


<meta name="twitter:card" content="summary large image"> 

<meta name="twitter:image" 
content="https://developer.apple.com/news/images/og/distribute-og- 
twitter.jpg"> 

<meta name="twitter:title" content="Distribute - Apple Developer"> 


«meta name="twitter:description" content="Learn how you can distribute 
your apps worldwide on the App Store."> 

«meta name="twitter:url" 
content="https://developer.apple.com/distribute/"> 


«link rel="alternate" href="https://developer.apple.com/distribute/" 
hreflang="en"> 

<link rel="alternate" href="https://developer.apple.com/cn/distribute/" 
hreflang="zh-CN"> 

<link rel="alternate" href="https://developer.apple.com/jp/distribute/" 
hreflang="ja-JP"> 

<link rel="alternate" href="https://developer.apple.com/kr/distribute/" 
hreflang="ko-KR"> 

<link rel="canonical" href="https://developer.apple.com/distribute/"> 


<link rel="stylesheet" href="/assets/styles/router-strip.css" 
type="text/css"> 

<link rel="stylesheet" href="/distribute/styles/distribute.css?Tuesday, 12- 
Jul-2022 17:06:29 GMT" type="text/css"> 

<link rel="stylesheet" href="/distribute/styles/chapter-nav.css?Tuesday, 
12-Jul-2022 17:06:29 GMT" type="text/css"> 
</head> 
<body class="nav-distribute dmf" data-color-scheme="dark"> 


<link rel="stylesheet" href="/assets/styles/globalnav.css?41172203193" 
type="text/css"> 


<link rel="stylesheet" href="/assets/styles/suggest-lang.css?41172203193" 
type="text/css"> 
<div id="suggest-lang" class="ribbon hide"> 
<div class="ribbon-content-wrapper"> 
<div class="ribbon-content row"> 
<div class="column large-12 large-centered"> 

<a id="suggest-closer" class="icon icon-after icon- 
reset"></a> 

<p><a href="#" id="suggest-link" class="ribbon-link 
more">View in English</a></p> 

</div> 
</div> 
</div> 

</div> 
<script src="/assets/scripts/suggest-lang.js?41172203193"></script> 
<aside id="ac-gn-segmentbar" class="ac-gn-segmentbar" lang="en-US" 
dir="ltr"> 
</aside> 
<input type="checkbox" id="ac-gn-menustate" class="ac-gn-menustate"> 
<nav id="ac-globalnav" class="js touch no-windows" role="navigation" aria- 
label="Global" data-hires="false" data-analytics-region="global nav" lang="en- 
US" dir="ltr" data-www-domain="www.apple.com" data-store-locale="us" data- 
store-root-path="/us" data-store-api="/[storefront]/shop/bag/status" data- 
search-locale="en_US" 
data-search-suggestions-api="/search-services/suggestions/" data-search- 
defaultlinks-api="/search-services/suggestions/defaultlinks/" data-search- 
suggestions-enabled="false"> 


<div class="ac-gn-content"> 
<ul class="ac-gn-header"> 
<li class="ac-gn-item ac-gn-menuicon"> 
<label class="ac-gn-menuicon-label" for="ac-gn- 
menustate" aria-hidden="true"> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-top"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-top"> </span> 
</span> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-bottom"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-bottom" > </span> 
</span> 
</label> 
<a href="#ac-gn-menustate" role="button" class="ac- 
gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Open Menu</span> 
</a> 
<a href="#" role="button" class="ac-gn-menuanchor 
ac-gn-menuanchor-close" id="ac-gn-menuanchor-close"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Close Menu</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus- 
small" > 
«span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 
</ul> 
<div class="ac-gn-search-placeholder-container" role="search"> 
<div class="ac-gn-search ac-gn-search-small"> 
<a id="ac-gn-link-search-small" class="ac-gn-link" 
href="/search/" data-analytics-title="search" data-analytics-click="search" data- 
analytics-intrapage-link="" aria-label="Search" role="button" aria- 
haspopup="true"> 
<div class="ac-gn-search-placeholder-bar"> 
<div class="ac-gn-search-placeholder- 
input"> 
<div class="ac-gn-search- 
placeholder-input-text" aria-hidden="true"> 
<div class="ac-gn-link- 
search ac-gn-search-placeholder-input-icon"></div> 
<span class="ac-gn-search- 
placeholder">Search</span> 
</div> 
</div> 


<div class="ac-gn-searchview-close ac- 
gn-searchview-close-small ac-gn-search-placeholder-searchview-close"> 
<span class="ac-gn-searchview- 
close-cancel" aria-hidden="true">Cancel</span> 
</div> 
</div> 
</a> 
</div> 
</div> 
<ul class="ac-gn-list"> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus"> 
«span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-news"> 
<a class="ac-gn-link ac-gn-link-news" href="/news/" 
data-analytics-title="news"> 
«span class="ac-gn-link-text">News</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-discover"> 
<a class="ac-gn-link ac-gn-link-discover" 
href="/discover/" data-analytics-title="discover"> 
<span 
class="ac-gn-link-text">Discover</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-design"> 
<a class="ac-gn-link ac-gn-link-design" href="/design/" 
data-analytics-title="design"> 
<span class="ac-gn-link-text">Design</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-develop"> 
<a class="ac-gn-link ac-gn-link-develop" 
href="/develop/" data-analytics-title="develop"> 
<span class="ac-gn-link-text">Develop</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-distribute"> 
<a class="ac-gn-link ac-gn-link-distribute" 
href="/distribute/" data-analytics-title="distribute"> 
<span 
class="ac-gn-link-text">Distribute</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-dsupport"> 
<a class="ac-gn-link ac-gn-link-dsupport" 
href="/support/" data-analytics-title="dsupport"> 
«span class="ac-gn-link-text" >Support</span> 
</a> 


</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-account"> 
<a class="ac-gn-link ac-gn-link-account" 
href="/account/" data-analytics-title="account"> 
«span class="ac-gn-link-text">Account</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-search" 
role="search"> 
<a id="ac-gn-link-search" class="ac-gn-link ac-gn-link- 
search" href="/search/" data-analytics-title="search" data-analytics- 
click="search" data-analytics-intrapage-link="" aria-label="Search" 
role="button" aria-haspopup="true"> </a> 
</li> 
</ul> 
<aside id="ac-gn-searchview" class="ac-gn-searchview" 
role="search" data-analytics-region="search"> 
«div class="ac-gn-searchview-content"> 
<div class="ac-gn-searchview-bar"> 
<div class="ac-gn-searchview-bar-wrapper"> 
<form id="ac-gn-searchform" class="ac- 
gn-searchform" action="/search/" method="get"> 
<div class="ac-gn-searchform- 
wrapper"> 
<input id="ac-gn- 
searchform-input" class="ac-gn-searchform-input" type="text" name="g" aria- 
label="Search" placeholder="Search" autocorrect="off" autocapitalize="off" 
autocomplete="off" spellcheck="false" role="combobox" aria- 
autocomplete="list" aria-expanded="true" aria-owns="guicklinks suggestions"> 
<button id="ac-gn- 
searchform-submit" class="ac-gn-searchform-submit" type="submit" 
disabled="" aria-label="Submit Search" > </button> 
<button id="ac-gn- 
searchform-reset" class="ac-gn-searchform-reset" type="reset" disabled="" 
aria-label="Clear Search" > 


<span 
class="ac-gn-searchform-reset-background"> </span> 
</button> 
</div> 
</form> 


«button id="ac-gn-searchview-close- 
small" class="ac-gn-searchview-close ac-gn-searchview-close-small" aria- 
label="Cancel Search"> 

<span class="ac-gn- 
searchview-close-cancel" aria-hidden="true"> 
Cancel 
</span> 
</button> 
</div> 
</div> 
<aside id="ac-gn-searchresults" class="ac-gn- 
searchresults" data-string-quicklinks="Quick Links" data-string- 
suggestions="Suggested Searches" data-string-noresults=""> 


«section class="ac-gn-searchresults-section ac-gn-searchresults- 
section-defaultlinks"> 
<div class="ac-gn-searchresults-section-wrapper"> 
<div class="search-group- 
checkbox hidden" > «input id="group-input" type="checkbox" name="group- 
filter" checked="">Only search within "<span 
id="group-search-label"></span>"</div> 
<h3 class="ac-gn-searchresults-header ac-gn-searchresults- 
animated">Quick Links</h3> 
<ul class="ac-gn-searchresults-list" id="defaultlinks" 
role="listbox"> 
<li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/ios/" id="search-group-link-0" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">iOS 
16</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/news/" id="search-group-link- 
1" class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">Latest 
News</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a 
href="https://developer.apple.com/documentation/storekit/appstore/ 
environment/3963900-xcode/" id="search-group-link-2" class="ac-gn- 
searchresults-link ac-gn-searchresults-link-defaultlinks">xcode</a> </li> «li 
class="ac-gn-searchresults-item ac-gn-searchresults-animated"> <a 
href="https://developer.apple.com/xcode/whats-new/" id="search-group-link-3" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks"> What's 
included in Xcode</a></li><li class="ac-gn-searchresults-item ac-gn- 
searchresults-animated"><a 
href="https://developer.apple.com/videos/play/wwdc2022/110345/" id="search- 
group-link-4" class="ac-gn-searchresults-link ac-gn-searchresults-link- 
defaultlinks">What’s new in Endpoint Security</a></li></ul> 
«span role="status" class="ac-gn-searchresults-count" aria- 
live="polite">5 Quick Links</span> 
</div> 
</section> 
</aside> 
</div> 
<button id="ac-gn-searchview-close" class="ac-gn- 
searchview-close" aria-label="Cancel Search"> 
<span class="ac-gn-searchview-close- 
wrapper"> 
<span class="ac-gn-searchview-close- 
left"></span> 
<span class="ac-gn-searchview-close- 
right"> </span> 
</span> 
</button> 
</aside> 
</div> 
</nav> 
«div classz"ac-gn-blur"» </div> 
«div id="ac-gn-curtain" class-"ac-gn-curtain"» </div> 
«div id="ac-gn-placeholder" class="ac-nav-placeholder"> </div> 
«script src="/assets/scripts/ac-globalnav.built.js?41172203193"></script><div 
id="ac-gn-viewport-emitter"> </div> 


<link rel="stylesheet" href="/assets/styles/search.css?41172203193"> 
<script src="/assets/scripts/search.js?41172203193"></script> 


<!-- metrics --> 
<script> 
/* RSID: */ 
var s_account="awdappledeveloper" 
</script> 
<script src="/assets/metrics/scripts/analytics.js?10202020"></script> 
<script> 
s.pageName- AC && AC. Tracking && AC.Tracking.pageName(); 
s.channel="www.en.developer" 
s.channel="www.en.developer"; 


pote DO NOT ALTER ANYTHING BELOW THIS LINE | XR / 
var s code=s.t();if(s code)document.write(s code) 

</script> 

<!-- [metrics --> 


<link rel="stylesheet" property="stylesheet" 
href="/assets/styles/chapternav.css" type="text/css"> 
<nav id="chapternav" class="chapternav theme-dark"> 
«div class="chapternav-wrapper"> 
<ul class="chapternav-items"> 
<li class="chapternav-item chapternav-item-app-store"> 
«a class="chapternav-link" href="/app-store/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span class="chapternav-label">App 
Store</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-macos"> 
<a class="chapternav-link" 
href="/macos/distribution/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span 
class="chapternav-label">macOS</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-custom-apps"> 
<a class="chapternav-link" href="/custom-apps/"> 
<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
«span class="chapternav-label"> Custom 
Apps</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-safari"> 
<a class="chapternav-link" 
href="/safari/extensions/"> 


<figure class="chapternav-icon" data-hires- 
status-"pending"» </figure> 
<span class="chapternav-label">Safari 
Extensions</span> 
</a> 
</li> 
<li class="chapternav-item chapternav-item-program"> 
<a class="chapternav-link" href="/programs/"> 
<figure class="chapternav-icon" data-hires- 
status="pending"></figure> 
<span 
class="chapternav-label">Program</span> 
</a> 
</li> 
</ul> 
<div class="chapternav-paddles"> 
<button class="chapternav-paddle chapternav-paddle-left" 
aria-hidden="true" disabled=""></button> 
<button class="chapternav-paddle chapternav-paddle-right" 
aria-hidden="true" disabled=""></button> 
</div> 
</div> 
</nav> 
<script src="/assets/scripts/chapternav.js"></script> 


<main id="main" class="main" role="main"> 


<div class="ribbon ribbon-blue"> 
<div class="ribbon-drop-wrapper"> 
<div class="ribbon-content-wrapper"> 
<div class="ribbon-content row"> 
<div class="column large-centered large- 
12"> 
<p> 
<a href="/app-store/small- 
business-program/" class="ribbon-link more">Enroll in the App Store Small 
Business Program</a> 
</p> 
</div> 
</div> 
</div> 
</div> 
</div> 


«section class="section section-hero bg-light" 
role="presentation"> 
«a href="/app-store/" class="section-link"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-centered large- 
12 text-center"> 
<figure class="icon-app-store 

center" data-hires-status="pending"></figure> 


«h1 class="typography- 
headline">App Store</h1> 

<p class="typography-intro 
center">The <span class="nowrap">App Store</span> lets you easily deliver 
apps to hundreds of millions of people around the world on their Mac, iPhone, 
iPad, <span class="nowrap">Apple Watch,</span> and <span 
class="nowrap">Apple TV.</span> With over <span class="nowrap">$260 
billion</span> paid to developers and a rapid adoption rate of new software by 
Apple customers, it’s an incredible time to distribute on 
Apple&nbsp;platforms.</p> 

<p class="typography-intro 
center"><span class="more">Learn how to make the most of the <span 
class="nowrap">App Store</span></span></p> 

</div> 
</div> 
</div> 
<figure class="distribute-hero" data-hires- 
status="pending"></figure> 
</a> 
</section> 


<section class="section section-mac-app-store bg-light"> 
<a href="/macos/distribution/" class="section-link"> 
<div class="section-content text-center"> 
<div class="row"> 
<div class="column large-centered large- 
8 small-12 text-center"> 
<h2>macOS</h2> 
<p class="typography- 
intro">Learn how the <span class="nowrap">Mac App Store</span> beautifully 
showcases your apps and makes them even easier to find, and how <span 
class="nowrap">Developer ID</span> and notarization make it safer for users 
to install apps that you distribute&nbsp;yourself.</p> 
<p class="typography- 
intro"><span class="more">Learn about distribution on macOS</span></p> 
</div> 
</div> 
</div> 
<figure class="device-macos device-macbook-pro-16- 
space-gray center" role="img" alt="MacBook Pro displaying the current Featured 
App on the App Store Discover tab" aria-label="MacBook Pro displaying the 
current Featured App on the App Store Discover tab" data-hires- 
status="pending" style="background-image: 
url(&quot;https://developer.apple.com/assets/elements/hardware/macbook_pro_ 
16 space gray/small 2x.png?156454&quot;);"> 
«picture class="device-screen"> 
«source media="(max-width:735px)" 
srcset="/distribute/images/screen-mac-app-store-small_2x.jpg"> 
<source media="(max-width:1068px)" 
srcset="/distribute/images/screen-mac-app-store-medium_2x.jpg"> 
<img src="/distribute/images/screen- 
mac-app-store-large_2x.jpg" width="100%" data-hires-status="pending"> 
</picture> 
</figure> 


</a> 
</section> 


«section class="section section-silicon bg-light"> 
<div class="section-content text-center"> 
<div class="row"> 
<div class="column large-centered large-12 
text-center"> 
<a href="/macos/iphone-and-ipad-apps/" 
class="tile-link"> 
<div class="tile-wrap"> 
<figure class="tile-icon icon- 
mac-app-store center" data-hires-status="pending"></figure> 
<h3>iPhone and iPad apps 
on the <span class="nowrap">Mac App Store</span></h3> 
<p>iPhone apps and iPad 
apps are available without modification on <span class="nowrap">Apple silicon 
Macs,</span> opening new possibilities for users and 
developers&nbsp;alike.</p> 


<p><span 
class="more">Learn more</span></p> 
</div> 
</a> 
</div> 
</div> 
</div> 


</section> 


<section class="section section-business bg-light"> 
<a href="/custom-apps/" class="section-link"> 
<div class="section-content overflow"> 
<div class="row"> 
<div class="column large-centered large- 
12 text-center"> 
<h2>Custom&nbsp;Apps</h2> 
<p class="large-centered large-8 
medium-10 small-12 typography-intro">Engage with businesses and educational 
institutions to design and build customized apps that meet the unique needs of 
their organization. With Apple Business Manager and Apple School Manager, you 
can privately and securely distribute to specific partners, clients, franchisees. 
And you can also distribute proprietary apps to your 
internal&nbsp;employees.</p> 
<p class="typography- 
intro"><span class="more">Learn about Custom Apps</span></p> 
</div> 
</div> 
</div> 
<figure class="image-business center margin-top- 
small" data-hires-status="pending"></figure> 
</a> 
</section> 


<section class="section section-safari bg-light"> 
<a href="/safari/extensions/" class="section-link"> 


<div class="section-content"> 
<div class="row"> 
<div class="column large-centered large- 
8 medium-10 small-12 text-center"> 
<h2>Safari Extensions</h2> 
<p class="typography- 
intro">Enhance and customize the web browsing experience on Mac, iPhone, 
and iPad with «span class-"nowrap"» Safari Extensions.</span> Using powerful 
native APIs and frameworks, as well as familiar web technologies such as HTML, 
CSS, and JavaScript, you can easily create «span class-"nowrap"» Safari 
Extensions</span> in Xcode and distribute them on the «span 
class="nowrap">App Store</span> or get them notarized for distribution 
outside the <span class="nowrap">Mac App Store.</span></p> 
«p class="typography- 
intro" «span class="more">Learn about Safari Extensions</span> </p> 
</div> 
</div> 
</div> 
<figure class="device-safari device-macbook-pro- 
space-grey center" data-hires-status="pending" style="background-image: 
url(&quot;https://developer.apple.com/assets/elements/hardware/macbook pro s 
pace grey/small 2x.png?156454&quot;);"> 
«figure class="device-screen screen-safari" 
data-hires-status-"pending"» </figure> 
</figure> 
</a> 
</section> 


<section class="section section-submote bg-light"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-6 small-12"> 
<a href="/app-store/submitting/" 
class="tile-link"> 
«div class="tile-wrap" > 
<figure class="tile-icon icon- 
submitting center" data-hires-status="pending"></figure> 
«h3»Submitting your 
apps</h3> 
<p>Learn how to prepare 
your iPhone, iPad, Mac, <span class="nowrap">Apple TV,</span> and <span 
class="nowrap">Apple Watch</span> apps for submission to <span 
class="nowrap">App Review.</span></p> 


<p><span 
class="more">Learn more</span></p> 
</div> 
</a> 
</div> 


<div class="column large-6 small-12"> 
<a href="/app-store/promote/" 
class="tile-link"> 
«div class="tile-wrap"> 
<figure class="tile-icon icon- 
promote center" data-hires-status="pending"></figure> 


<h3>Promoting your 
apps</h3> 

<p>Get marketing assets to 
help promote your apps, and learn about getting featured on the <span 
class="nowrap">App Store.</span></p> 


<p><span 
class="more">Learn more</span></p> 
</div> 
</a> 
</div> 
</div> 
</div> 


</section> 


<section class="section section-adp theme-dark"> 
<a href="/programs/" class="section-link"> 
<div class="section-content text-center"> 
<div class="narrow-column"> 
<img 
src="/app-store/features/images/members.svg" width="144" alt="" data-hires- 
status="pending"> 
<h2><span class "eyebrow" Apple 
Developer Program</span>One membership. All&nbsp;platforms.</h2> 
«p class="typography-intro">Join the 
«span class="nowrap">Apple Developer</span> Program to reach customers 
around the world on the «span class="nowrap">App Store</span> for iPhone, 
iPad, Mac, «span class="nowrap">Apple Watch, «/span» «span 
class="nowrap">Apple TV,</span> and iMessage. You'll also get access to beta 
software, advanced app capabilities, extensive beta testing tools, and 
app&nbsp;analytics.</p> 
«p class="typography-intro"><span 
class="more">Learn about membership</span> </p> 
</div> 
</div> 
</a> 
</section> 


</main> 


«aside class="section developer-router-links"> 
<div class="section-content"> 
<div class="row"> 
<div class="column large-3 medium-6 small-6"> 
<a href="/app-store-connect/" class="block text- 
center"> 
<figure class="router-icon router-icon-manage- 
outline" data-hires-status="pending"> </figure> 
<p><strong>App Store Connect</strong> </p> 
<p class="typography-subbody">Manage apps, 
analytics, sales reports, agreements, tax and banking information, and 
more.</p> 
<p class="typography-subbody"> <span 
class="block-link more" >Learn more</span> </p> 
</a> 


</div> 
<div class="column large-3 medium-6 small-6"> 
«a href="/support/articles/#distribution" class="block 
text-center"> 
<figure class="router-icon router-icon- 
document" data-hires-status-"pending"» </figure> 
«p» <strong> Documentation kamp; 
Help</strong> </p> 
<p class="typography-subbody">View 
documentation on distributing your apps on the «span class="nowrap">App 
Store, «/span» in-house, and more. «/p» 
«p class="typography-subbody"> «span 
class="block-link more">Learn more</span></p> 
</a> 
</div> 
<div class="column large-3 medium-6 small-6"> 
<a href="/videos/business-distribution/" class="block 
text-center"> 
<figure class="router-icon router-icon-videos" 
data-hires-status="pending"></figure> 
<p><strong>Session Videos</strong></p> 
<p class="typography-subbody">See the latest 
in Apple technologies presented at WWDC and other&nbsp;events.</p> 
<p class="typography-subbody"><span 
class="block-link more">Watch videos</span></p> 
</a> 
</div> 
<div class="column large-3 medium-6 small-6"> 
<a 
href="https://developer.apple.com/forums/tags/app-store-connect" class="block 
text-center"> 
<figure class="router-icon router-icon-forum" 
data-hires-status="pending"> </figure> 
«p» «strong» Discussion Forums</strong> </p> 
«p class="typography-subbody">Ask questions 
and discuss development topics with Apple engineers and 
other&nbsp;developers.</p> 
<p class="typography-subbody"><span 
class="block-link more">View forums</span></p> 


</a> 
</div> 
</div> 
</div> 
</aside> 


<link rel="stylesheet" href="/assets/styles/footer.dist.css? 
41172203193"> 
<footer id="footer" class="footer" role="contentinfo" aria-labelledby="footer- 
label"> 
<div class="footer-content"> 
<h2 class="footer-label" id="footer-label">Developer Footer</h2> 
<developer-breadcrumbs style="display: block;"> 


<nav class="footer-breadcrumbs" aria-label="Breadcrumbs"><a 
href="https://www.apple.com/" class="home footer-breadcrumbs-home"» <span 
class="footer-breadcrumbs-home-icon" aria-hidden="true" data-hires- 
status="pending">[]</span> <span class="footer-breadcrumbs-home- 
label">Apple</span> </a> «div classz"footer-breadcrumbs-path"» «ol 
class="footer-breadcrumbs-list"> «li class="footer-breadcrumbs-item"><a 
href="/">Developer</a></li><li class="footer-breadcrumbs- 
item">Distribute</li> </ol> </div> «/nav» </developer-breadcrumbs> 
<nav class="footer-directory" aria-label="Apple Developer Directory" 
role="navigation"> 
<!--googleoff: all--> 
<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-platform"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-platform"> 
<h3 class="footer-directory-column-section- 
title">Platforms</h3> 
</label> 
«a href="#footer-directory-column-section-state-platform" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ios/">iOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ipados/">iPadOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/macos/">macOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/tvos/">tvOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/watchos/">watchOS</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-tools"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-tools"> 
<h3 class="footer-directory-column-section- 
title">Tools</h3> 
</label> 
<a href="#footer-directory-column-section-state-tools" 
class="footer-directory-column-section-anchor footer-directory-column-section- 


anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
«a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift/">Swift</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swiftui/">SwiftUl</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift-playgrounds/">Swift 
Playgrounds</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/testflight/">TestFlight</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode/">Xcode</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode-cloud/">Xcode 
Cloud «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/sf-symbols/">SF 
Symbols</a> </li> 
</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-topics"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-topics"> 
<h3 class="footer-directory-column-section- 
title" Topics «kamp; Technologies</h3> 
</label> 
<a href="#footer-directory-column-section-state-topics" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
«a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/accessibility/">Accessibility</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/accessories/">Accessories</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-extensions/">App 
Extensions</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/">App 
Store</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/audio/">Audio kamp; 
Video</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/augmented- 
reality/">Augmented Reality</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/business/">Business</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/">Design</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/distribute/">Distribution</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/education/">Education</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/fonts/">Fonts</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/games/">Games</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/health-fitness/">Health 
samp; Fitness</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/in-app-purchase/">In-App 
Purchase</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/localization/">Localization</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/maps/">Maps &amp; 
Location</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/machine-learning/">Machine 
Learning</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/security/">Security</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/safari/">Safari «kamp; 
Web</a> </li> 

</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-resources"> 
<div class="footer-directory-column-section"> 


<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-resources" > 
<h3 class="footer-directory-column-section- 
title">Resources</h3> 
</label> 
«a href="#footer-directory-column-section-state-resources" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/documentation/">Documentation</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/learn/curriculum/">Curriculum</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/download/">Downloads</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://developer.apple.com/forums/">Forums</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/videos/">Videos</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-support"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-support"> 
<h3 class="footer-directory-column-section- 
title">Support</h3> 
</label> 
<a href="#footer-directory-column-section-state-support" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/support/articles/">Support 
Articles</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/contact/">Contact 
Us</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/bug-reporting/">Bug 
Reporting</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/system-status/">System 
Status</a></li> 

</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-account"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-account"> 
<h3 class="footer-directory-column-section- 
title" >Account</h3> 
</label> 
«a href="#footer-directory-column-section-state-account" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/account/">Apple 
Developer</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://appstoreconnect.apple.com/">App Store Connect</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/account/ios/certificate/">Certificates, IDs, &amp; Profiles</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://feedbackassistant.apple.com/">Feedback Assistant</a></li> 
</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-programs"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-programs" > 
<h3 class="footer-directory-column-section- 
title">Programs</h3> 
</label> 
<a href="#footer-directory-column-section-state-programs" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 


«a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 

<ul class="footer-directory-column-section-list"> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/">Apple Developer 
Program</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/enterprise/">Apple 
Developer Enterprise Program «/a» </li> 

<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/app-store/small-business- 
program/">App Store Small Business Program</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="https://mfi.apple.com/">MFi 
Program</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/news- 
partner/">News Partner Program</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/video- 
partner/">Video Partner Program</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/security-bounty/">Security 
Bounty Program</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/security-research- 
device/">Security Research Device Program</a> </li> 

</ul> 

</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-events"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-events"> 
<h3 class="footer-directory-column-section- 
title">Events</h3> 
</label> 
<a href="#footer-directory-column-section-state-events" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/accelerator/">App 
Accelerators</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/app-store- 
awards/">App Store Awards</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/awards/">Apple 
Design Awards</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/learn/experts/+academies">Apple Developer Academies</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/entrepreneur- 
camp/">Entrepreneur Camp</a> </li> 

<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/tech-talks/">Tech 
Talks</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/wwdc/">WWDC</a></li> 


</ul> 
</div> 
</div> 
<!--googleon: all--> 
</nav> 


«section class="footer-mini" vocabz"http://schema.org/" 
typeof="Organization"> 
<div class="footer-mini-news"> 
<div class="copy"> 
To view the latest developer news, visit <a 
href="/news/">News and Updates</a>. 
</div> 
<div class="content"> 
<div class="color-scheme-toggle" role="radiogroup" 
tabindex="0" aria-label="Select a color scheme preference"> 


<label data-color-scheme-option="light"> 
<input type="radio" value="light" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 
<div class="text">Light</div> 
</label> 
<label data-color-scheme-option="dark"> 
<input type="radio" value="dark" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 
<div class="text">Dark</div> 


</label> 


<label data-color-scheme-option="auto"> 


«input type="radio" values "auto" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Auto</div> 
</label> 


</div> 
<script async="" src="/assets/scripts/color-scheme- 
toggle.js"></script> 
</div> 
</div> 
<link rel="stylesheet" href="/assets/styles/language-dropdown.css? 
41172203193"> 
<div class="language-dropdown dropdown-container" data- 
lang="complete"> 
<select class="dropdown" aria-label="Language 
Dropdown"> «option 
value="https://developer.apple.com/distribute/">English</option><option 
value="https://developer.apple.com/cn/distribute/"> []T][]]| &/option2 «option 
value="https://developer.apple.com/jp/distribute/">[HH</option> «option 
valuez"https://developer.apple.com/kr/distribute/" »[]][] -/option2 </select> 
«span class="dropdown-icon icon icon-chevrondown" aria- 
hidden="true"> </span> 
</div> 
«script async="" src="/assets/scripts/lib/jquery/jquery.language- 
dropdown.js?41172203193"></script> 
<div class="footer-mini-legal"> 
<div class="footer-mini-legal-copyright">Copyright © 2022 <a 
href="https://www.apple.com">Apple Inc.</a> All rights reserved.</div> 
<div class="footer-mini-legal-links"> 
<a class="footer-mini-legal-link" 
href-"https://www.apple.com/legal/internet-services/terms/site.html" - Terms of 
Use</a> 
<a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/privacy/en-ww/">Privacy Policy</a> 
<a class="footer-mini-legal-link" 
href="/support/terms/">Agreements and Guidelines</a> 
</div> 
</div> 
</section> 
</div> 
</footer> 


</body></html> 


«html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" 
lang="en"> <head> 

«meta charset="utf-8"> 
«meta name="Author" content="Apple Inc."> 
<meta name="viewport" content="width=device-width, initial-scale=1, 
viewport-fit=cover"> 


«link rel "shortcut icon" href="/favicon.ico"> 
<link rel="icon" href="/favicon.ico"> 
<link rel="mask-icon" href="/apple-logo.svg" color="#333333"> 


<link rel="stylesheet" href="/assets/styles/global.dist.css?41172203193" 
type="text/css"> 

<link rel="stylesheet" href="/assets/styles/dark-mode.css?41172203193" 
type="text/css" media="" data-color-scheme="dark"> 

<link rel="stylesheet" href="/assets/styles/localization.css?41172203193" 
type="text/css"> 


<script src="/assets/scripts/lib/jquery/jquery-3.6.0.min.js?41172203193"></ 
script> 

<script src="/assets/scripts/settings.js?41172203193"></script> 

<script src="/assets/scripts/language-locales.js?41172203193"></script> 
<script src="/assets/scripts/DeveloperBreadcrumbs.js?41172203193"></script> 


<script async="" src="/assets/scripts/lib/jquery/jquery.retinate.js? 
41172203193"></script> 

<script async="" src="/assets/scripts/global.js?41172203193"></script> 
<script async="" src="/assets/scripts/global-logout.js?41172203193"></script> 


<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Pro+lcons&amp;v=1" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=SF+Mono&amp;v=2" type="text/css"> 
<link rel="stylesheet" href="https://www.apple.com/wss/fonts? 
family=Apple+lcons&amp;v=1" type="text/css"> 


<title>Support - Apple Developer</title> 
<meta name="omni_page" content="Support - (English)"> 
<meta name="Description" content="Get help with Apple Developer 
Program enrollment and managing your developer account."> 
<link rel="alternate" href="https://developer.apple.com/support/" 
hreflang="en"> 
<link rel="alternate" 
href="https://developer.apple.com/cn/support/" hreflang="zh-CN"> 
<link rel="alternate" 
href="https://developer.apple.com/jp/support/" hreflang="ja-JP"> 
<link rel="alternate" 
href="https://developer.apple.com/kr/support/" hreflang="ko-KR"> 
<link rel="alternate" 
href="https://developer.apple.com/de/support/" hreflang="de-DE"> 
<link rel="alternate" 
href="https://developer.apple.com/es/support/" hreflang="es-lamr"> 
<link rel="alternate" href="https://developer.apple.com/fr/support/" 
hreflang="fr-FR"> 
<link rel="alternate" href="https://developer.apple.com/it/support/" 
hreflang="it-IT"> 
<link rel="alternate" 
href="https://developer.apple.com/pt/support/" hreflang="pt-BR"> 
<link rel="canonical" href="https://developer.apple.com/support/"> 


<link rel="stylesheet" type="text/css" 
href="/support/styles/index.css?10172203193&quot;&gt;"> 
</head> 
<body id="overview" class="dmf en nav-support" data-color-scheme="dark"> 


<link rel="stylesheet" href="/assets/styles/globalnav.css?41172203193" 
type="text/css"> 


<link rel="stylesheet" href="/assets/styles/suggest-lang.css?41172203193" 
type="text/css"> 
<div id="suggest-lang" class="ribbon hide"> 
<div class="ribbon-content-wrapper"> 
<div class="ribbon-content row"> 
<div class="column large-12 large-centered"> 
<a id="suggest-closer" class="icon icon-after icon- 
reset"></a> 
<p><a href="#" id="suggest-link" class="ribbon-link 
more">View in English</a></p> 
</div> 
</div> 
</div> 
</div> 
<script src="/assets/scripts/suggest-lang.js?41172203193"></script> 
<aside id="ac-gn-segmentbar" class="ac-gn-segmentbar" lang="en-US" 
dir="ltr"> 
</aside> 
<input type="checkbox" id="ac-gn-menustate" class="ac-gn-menustate"> 
<nav id="ac-globalnav" class="js touch no-windows" role="navigation" aria- 
label="Global" data-hires="false" data-analytics-region="global nav" lang="en- 
US" dir="ltr" data-www-domain="www.apple.com" data-store-locale="us" data- 
store-root-path="/us" data-store-api="/[storefront]/shop/bag/status" data- 
search-locale="en_US" 
data-search-suggestions-api="/search-services/suggestions/" data-search- 
defaultlinks-api="/search-services/suggestions/defaultlinks/" data-search- 
suggestions-enabled="false"> 
<div class="ac-gn-content"> 
<ul class="ac-gn-header"> 
<li class="ac-gn-item ac-gn-menuicon"> 
<label class="ac-gn-menuicon-label" for="ac-gn- 
menustate" aria-hidden="true"> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-top"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-top"> </span> 
</span> 
<span class="ac-gn-menuicon-bread ac-gn- 
menuicon-bread-bottom"> 
<span class="ac-gn-menuicon-bread- 
crust ac-gn-menuicon-bread-crust-bottom"» </span> 
</span> 
</label> 


«a href="#ac-gn-menustate" role="button" class="ac- 
gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Open Menu</span> 
</a> 
<a href="#" role="button" class="ac-gn-menuanchor 
ac-gn-menuanchor-close" id="ac-gn-menuanchor-close"> 
<span class="ac-gn-menuanchor-label">Global 
Nav Close Menu</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus- 
small"> 
<span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 
</ul> 
<div class="ac-gn-search-placeholder-container" role="search"> 
<div class="ac-gn-search ac-gn-search-small"> 
<a id="ac-gn-link-search-small" class="ac-gn-link" 
href="/search/" data-analytics-title="search" data-analytics-click="search" data- 
analytics-intrapage-link="" aria-label="Search" role="button" aria- 
haspopup="true"> 
<div class="ac-gn-search-placeholder-bar"> 
<div class="ac-gn-search-placeholder- 
input"> 
<div class="ac-gn-search- 
placeholder-input-text" aria-hidden="true"> 
<div class="ac-gn-link- 
search ac-gn-search-placeholder-input-icon"></div> 
<span class="ac-gn-search- 
placeholder">Search</span> 
</div> 
</div> 
<div class="ac-gn-searchview-close ac- 
gn-searchview-close-small ac-gn-search-placeholder-searchview-close"> 
<span class="ac-gn-searchview- 
close-cancel" aria-hidden="true">Cancel</span> 
</div> 
</div> 
</a> 
</div> 
</div> 
<ul class="ac-gn-list"> 
<li class="ac-gn-item ac-gn-apple"> 
<a class="ac-gn-link ac-gn-link-apple-developer" 
href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus"> 
<span class="ac-gn-link-text">Apple 
Developer</span> 
</a> 
</li> 


<li class="ac-gn-item ac-gn-item-menu ac-gn-news"> 
<a class="ac-gn-link ac-gn-link-news" href="/news/" 
data-analytics-title="news"> 
«span class="ac-gn-link-text">News</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-discover"> 
<a class="ac-gn-link ac-gn-link-discover" 
href="/discover/" data-analytics-title="discover"> 
<span 
class="ac-gn-link-text">Discover</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-design"> 
<a class="ac-gn-link ac-gn-link-design" href="/design/" 
data-analytics-title="design"> 
<span class="ac-gn-link-text">Design</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-develop"> 
<a class="ac-gn-link ac-gn-link-develop" 
href="/develop/" data-analytics-title="develop"> 
<span class="ac-gn-link-text">Develop</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-distribute"> 
<a class="ac-gn-link ac-gn-link-distribute" 
href="/distribute/" data-analytics-title="distribute"> 
<span 
class="ac-gn-link-text">Distribute</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-dsupport"> 
<a class="ac-gn-link ac-gn-link-dsupport" 
href="/support/" data-analytics-title="dsupport"> 
«span class="ac-gn-link-text">Support</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-account"> 
<a class="ac-gn-link ac-gn-link-account" 
href="/account/" data-analytics-title="account"> 
«span class="ac-gn-link-text">Account</span> 
</a> 
</li> 
<li class="ac-gn-item ac-gn-item-menu ac-gn-search" 
role="search"> 
<a id="ac-gn-link-search" class="ac-gn-link ac-gn-link- 
search" href="/search/" data-analytics-title="search" data-analytics- 
click="search" data-analytics-intrapage-link="" aria-label="Search" 
role="button" aria-haspopup="true"> </a> 
</li> 
</ul> 
<aside id="ac-gn-searchview" class="ac-gn-searchview" 
role="search" data-analytics-region="search"> 


«div class="ac-gn-searchview-content"> 
<div class="ac-gn-searchview-bar"> 
«div class="ac-gn-searchview-bar-wrapper"> 
<form id="ac-gn-searchform" class="ac- 
gn-searchform" action="/search/" method="get"> 
<div class="ac-gn-searchform- 
wrapper"> 
<input id="ac-gn- 
searchform-input" class="ac-gn-searchform-input" type="text" name="g" aria- 
label="Search" placeholder="Search" autocorrect="off" autocapitalize="off" 
autocomplete="off" spellcheck="false" role="combobox" aria- 
autocomplete="list" aria-expanded="true" aria-owns="guicklinks suggestions"> 
<button id="ac-gn- 
searchform-submit" class="ac-gn-searchform-submit" type="submit" 
disabled="" aria-label="Submit Search" > </button> 
<button id="ac-gn- 
searchform-reset" class="ac-gn-searchform-reset" type="reset" disabled="" 
aria-label="Clear Search" > 
<span 
class="ac-gn-searchform-reset-background"> </span> 
</button> 
</div> 
<input type="hidden" id="search-hidden- 
input" value="Support" name="group"></form> 
«button id="ac-gn-searchview-close- 
small" class="ac-gn-searchview-close ac-gn-searchview-close-small" aria- 
label="Cancel Search"> 
<span class="ac-gn- 
searchview-close-cancel" aria-hidden="true"> 
Cancel 
</span> 
</button> 
</div> 
</div> 
<aside id="ac-gn-searchresults" class="ac-gn- 
searchresults" data-string-quicklinks="Quick Links" data-string- 
suggestions="Suggested Searches" data-string-noresults=""> 
<section class="ac-gn-searchresults-section ac-gn-searchresults- 
section-defaultlinks"> 
<div class="ac-gn-searchresults-section-wrapper"> 
<div class="search-group- 
checkbox"> <input id="group-input" type="checkbox" name="group-filter" 
checked="" value="Support">Only search within "<span id="group-search- 
label" > Support</span>" </div> 
<h3 class="ac-gn-searchresults-header ac-gn-searchresults- 
animated">Quick Links</h3> 
<ul class="ac-gn-searchresults-list" id="defaultlinks" 
role="listbox"> 
<li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/ios/" id="search-group-link-0" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">iOS 
16</a></li><li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"><a href="https://developer.apple.com/news/" id="search-group-link- 
1" class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">Latest 


News</a></li> «li class="ac-gn-searchresults-item ac-gn-searchresults- 
animated"» «a 
href="https://developer.apple.com/documentation/storekit/appstore/ 
environment/3963900-xcode/" id="search-group-link-2" class="ac-gn- 
searchresults-link ac-gn-searchresults-link-defaultlinks">xcode</a> </li> «li 
class="ac-gn-searchresults-item ac-gn-searchresults-animated"> <a 
href="https://developer.apple.com/xcode/whats-new/" id="search-group-link-3" 
class="ac-gn-searchresults-link ac-gn-searchresults-link-defaultlinks">What's 
included in Xcode</a></li><li class="ac-gn-searchresults-item ac-gn- 
searchresults-animated"><a 
href="https://developer.apple.com/videos/play/wwdc2022/110345/" id="search- 
group-link-4" class="ac-gn-searchresults-link ac-gn-searchresults-link- 
defaultlinks">What’s new in Endpoint Security</a></li></ul> 
«span role="status" class="ac-gn-searchresults-count" aria- 
live="polite">5 Quick Links</span> 
</div> 
</section> 
</aside> 
</div> 
<button id="ac-gn-searchview-close" class="ac-gn- 
searchview-close" aria-label="Cancel Search" > 
<span class="ac-gn-searchview-close- 
wrapper"> 
<span class="ac-gn-searchview-close- 
left"></span> 
<span class="ac-gn-searchview-close- 
right"> </span> 
</span> 
</button> 
</aside> 
</div> 
</nav> 
<div class="ac-gn-blur"></div> 
«div id="ac-gn-curtain" class="ac-gn-curtain"> </div> 
«div id="ac-gn-placeholder" class="ac-nav-placeholder"> </div> 
«script src="/assets/scripts/ac-globalnav.built.js?41172203193"></script><div 
id="ac-gn-viewport-emitter"> </div> 
<link rel="stylesheet" href="/assets/styles/search.css?41172203193"> 
<script src="/assets/scripts/search.js?41172203193"></script> 


<!-- metrics --> 
<script> 
/* RSID: */ 
var s account="awdappledeveloper" 
</script> 
«script src="/assets/metrics/scripts/analytics.js?10202020"></script> 
<script> 
s.pageName- AC && AC.Tracking && AC.Tracking.pageName(); 
s.channel="www.en.developer" 
s.channel="www.en.developer"; 


['eeeeeeeeeeee DO NOT ALTER ANYTHING BELOW THIS LINE | XXX / 
var s codess.t();if(s code)document.write(s code) 


</script> 
<!-- /metrics --> 


<link rel="stylesheet" property="stylesheet" 
href="/assets/styles/localnav.css" type="text/css"> 
<input type="checkbox" id="localnav-menustate" class="localnav-menustate"> 
<div id="localnav-sticky-placeholder" class="css-sticky"></div><nav 
id="localnav" class="localnav localnav-scrim css-sticky" data-sticky="" 
role="navigation"> 
<div class="localnav-wrapper"> 
<div class="localnav-background"></div> 
<div class="localnav-content"> 
<h2 class="localnav-title"> 
<a href="/support/">Support</a> 
</h2> 


<div class="localnav-menu"> 
«a href="#localnav-menustate" class="localnav- 
menucta-anchor localnav-menucta-anchor-open" id="localnav-menustate- 
open"> 
<span class="localnav-menucta-anchor- 
label">Open Menu</span> 
</a> 
<a href="#" class="localnav-menucta-anchor 
localnav-menucta-anchor-close" id="localnav-menustate-close"> 
<span class="localnav-menucta-anchor- 
label">Close Menu</span> 
</a> 
<div class="localnav-menu-tray"> 
<ul class="localnav-menu-items"> 
<li class="localnav-menu-item"> 
<a href="/support/" 
class="localnav-menu-link current" aria-disabled="true">Overview</a> 
</li> 
<li class="localnav-menu-item"> 
<a href="/support/articles/" 
class="localnav-menu-link">Articles</a> 
</li> 
<li class="localnav-menu-item"> 
<a href="/support/terms/" 
class="localnav-menu-link">Agreements and Guidelines</a> 
</li> 
</ul> 
</div> 
<div class="localnav-actions localnav-actions-center"> 
<div class="localnav-action localnav-action- 
menucta" aria-hidden="true"> 
<label for="localnav-menustate" 
class="localnav-menucta"> 
<span class="localnav-menucta- 
chevron"></span> 
</label> 
</div> 


<div class="localnav-action localnav-action- 
button"> 
<a class="localnav-button button button- 
compact button-pill" href="/contact/">Contact us 
<span class="localnav-action- 
product" >Support</span> 
</a> 
</div> 
</div> 


</div> 
</div> 
</div> 
</nav> 
<label id="localnav-curtain" for="localnav-menustate"> </label> 
«script src="/assets/scripts/ac-localnav.built.js"></script> <div id="localnav- 
viewport-emitter" data-viewport-emitter-dispatch="" data-viewport-emitter- 
state-" (&quot;viewport&quot;:&quot;small&quot;, &quot;orientation&quot;:&quo 
t;portrait&quot;,&quot;retina&quot;:true}"></div> 
<script type="text/javascript" src="/assets/scripts/localnav.js"></script> 


<main id="main" class="main" role="main"> 


«section class="section section-overview"> 
<figure class="image-support-hero" data-hires="false" data- 
figure-id="image-support-hero"></figure> 
<div class="section-content"> 
<div class="row"> 
<div id="hero" class="column large-centered 
large-6 medium-7 small-8 text-center"> 
«h1 class="typography-hero-headline 
margin-top-small">Developer Support</h1> 
<p class="typography-intro">Get help 
with development and app management tools, view documentation, connect 
with other Apple developers, submit bug reports, and&nbsp;more.</p> 
</div> 
</div> 
</div> 
</section> 


«section class="section bg-light"> 
<div class="section-content padding-top padding-bottom"> 
<div class="large-8 medium-12 small-12 large- 
centered" > 
<div class="row"> 
<div id="guides-and-documentation" 
class="column large-centered large-12 text-center"> 
<h2>Guides and 
Documentation</h2> 
<p class="large-7 large-centered 
medium-8 small-12">Find details and step-by-step instructions on how to use 
Apple development tools and&nbsp;resources. </p> 
</div> 


</div> 
<div class="row"> 
<div class="column large-4 medium-4 
small-12 text-center"> 
<a 
href="https://developer.apple.com/documentation/xcode" class="block"> 
<img 
src="https://developer.apple.com/assets/elements/icons/xcode-12/xcode-12- 
64x64_2x.png" width="64" height="64" alt="" data-hires- 
status="pending"><br> 
<p><span class="block-link 
more nowrap">Xcode</span> </p> 
</a> 
</div> 
<div class="column large-4 medium-4 
small-12 text-center"> 
<a 
href="https://help.apple.com/developer-account/" class="block"> 
<img 
src="/assets/elements/icons/wwdr-unified/account-c.svg" width="64" 
height="64" alt="" data-hires-status="pending"><br> 
<p><span class="block-link 
more nowrap">Developer Account</span> </p> 
</a> 
</div> 
<div class="column large-4 medium-4 
small-12 text-center"> 
<a 
href="https://help.apple.com/app-store-connect/" class="block"> 
<img 
src="https://developer.apple.com/assets/elements/icons/asc-outline/asc-outline- 
64x64_2x.png" width="64" height="64" alt="" data-hires- 
status="pending"><br> 
<p><span class="block-link 
more nowrap">App Store Connect</span> </p> 
</a> 
</div> 
</div> 
</div> 
<div class="large-10 medium-12 small-12 large- 
centered"> 
<div class="row divider-top margin-top margin- 
bottom small-hide"></div> 
<div class="row"> 
<div class="column large-4 small-12 text- 
center"> 
<a href="/documentation/" 
class="block"> 
<figure class="router-icon- 
documentation" data-hires-status="pending"></figure> 
<p><strong>Developer 
Documentation</strong></p> 


<p class="large-12 medium- 
11 large-centered small-10 no-margin-top">Browse the latest API reference, 
articles, and sample&nbsp;code.</p> 
«p» «span class="block-link 
more nowrap"» View topics</span></p> 
</a> 
</div> 
<div class="column large-4 small-12 text- 
center"> 
<a 
href="/documentation/technotes" class="block"> 
<figure class="router-icon- 
document" data-hires-status="pending"></figure> 


<p><strong>Technotes</strong></p> 
<p class="large-12 medium- 
11 large-centered small-10 no-margin-top">Find timely documents from Apple 
Developer Technical&nbsp;Support.</p> 
<p><span class="block-link 
more nowrap">View technical articles</span></p> 
</a> 
</div> 
<div class="column large-4 small-12 text- 
center"> 
<a href="/support/articles/" 
class="block"> 
<figure class="router-icon- 
document" data-hires-status="pending"></figure> 
«p» «strong» Support 
Articles</strong> </p> 
<p class="large-12 medium- 
11 large-centered small-10 no-margin-top">Learn about membership, 
distribution, development, and&nbsp;more. </p> 
<p><span class="block-link 
more nowrap">View articles</span> </p> 
</a> 
</div> 
</div> 


</div> 
</div> 
</section> 


<section class="section"> 
<div class="section-content padding-top-small"> 
<div class="row"> 
<div id="news-and-updates" class="column 
large-centered large-6 medium-8 small-12 text-center"> 
<a href="/news/" class="block"> 
<h2>News and Updates</h2> 
<p>Get the latest announcements and 
recommendations for Apple developers. </p> 
<p><span class="block-link more">Read 
news and updates</span></p> 


</a> 
</div> 
</div> 
</div> 
<figure class="image-news-and-updates" data-figure- 
id="image-news-and-updates" data-hires-status="pending" style="background- 
image: url(&quot;https://developer.apple.com/support/images/news- 
small 2x.png&quot;);"></figure> 
</section> 


<div class="row row-flex"> 
<section class="section side-by-side section-forums" > 
<div class="section-content"> 
<a href="/forums/" class="block"> 
<img 
src="https://developer.apple.com/assets/elements/icons/forum/forum- 
64x64_2x.png" width="64" height="64" alt="" data-hires-status="pending"> 
<h2><span class="eyebrow">Developer 
Forums</span>Ask other developers.</h2> 
<p>Post questions and share technical 
information with fellow developers and Apple engineers on a variety of 
development&nbsp;topics.</p> 
<p><span class="block-link more">Visit 
the forums</span></p> 
</a> 
</div> 
</section> 
<section class="section side-by-side section-bug-reporter"> 
<div class="section-content"> 
<a href="/bug-reporting/" class="block"> 
<img 
src="https://developer.apple.com/assets/elements/icons/fba-mac/feedback- 
assistant-mac-64x64_2x.png" width="64" height="64" alt="" data-hires- 
status="pending"> 
<h2><span class="eyebrow">Feedback 
Assistant</span>Submit a bug report.</h2> 
<p>With Feedback Assistant, you can file 
bug reports, and request enhancements to APIs and developer&nbsp;tools.</p> 
«p» «span class="block-link 
more">Learn about reporting bugs</span> «/p» 
</a> 
</div> 
</section> 
</div> 


<section class="section section-contact-us"> 
<div class="section-content padding-top-small padding- 
bottom-small"> 
<div class="row"> 
<div id="contact-us" class="column large- 
centered large-6 medium-8 small-12 text-center"> 
<img src="/support/images/phone-circle- 
fill.svg" width="64" height="64" class="center" data-hires-status="pending"> 
<h2>Contact us.</h2> 


<p>Have a question? 
Apple&nbsp;Developer&nbsp;Support can help. Receive guidance by phone or 
email.</p> 

<p><a href="/contact/" class="more 
nowrap">Contact Apple Developer Support</a> </p> 

</div> 
</div> 
</div> 
</section> 


«section class="section bg-light"> 
<div class="section-content padding-top-small padding- 
bottom-small"> 
<div class="row"> 
<div id="system-status" class="column large- 
centered large-7 medium-7 small-11 text-center"> 
<h3>System Status</h3> 
<p>If you're experiencing an issue with 
developer tools or services, find out if there's maintenance in progress or a 
«span class="nowrap">known issue.«/span? «br» «a href="/system-status/" 
class="more nowrap"» View system status</a> </p> 
</div> 
</div> 
</div> 
</section> 


</main> 


<link rel="stylesheet" href="/assets/styles/footer.dist.css?41172203193"> 
<footer id="footer" class="footer" role="contentinfo" aria-labelledby="footer- 
label"> 
<div class="footer-content"> 
«h2 class="footer-label" id="footer-label">Developer Footer</h2> 


<developer-breadcrumbs style="display: block;"> 


<nav class="footer-breadcrumbs" aria- 
label="Breadcrumbs"><a href="https://www.apple.com/" class="home footer- 
breadcrumbs-home"> <span class<"footer-breadcrumbs-home-icon" aria- 
hidden="true" data-hires-status="pending">[J</span> «span class="footer- 
breadcrumbs-home-label">Apple</span></a><div class="footer-breadcrumbs- 
path"» «ol class="footer-breadcrumbs-list"> <li class="footer-breadcrumbs- 
item"><a href="/">Developer</a></li> «li class="footer-breadcrumbs- 
item" >Support</li> </ol> </div> </nav> </developer-breadcrumbs> 
<nav class="footer-directory" aria-label="Apple Developer Directory" 
role="navigation"> 
<!--googleoff: all--> 
<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-platform"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-platform"> 


<h3 class="footer-directory-column-section- 
title">Platforms</h3> 
</label> 
«a href="#footer-directory-column-section-state-platform" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ios/">iOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/ipados/">iPadOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/macos/">macOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/tvos/">tvOS</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/watchos/">watchOS</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-tools"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-tools"> 
<h3 class="footer-directory-column-section- 
title">Tools</h3> 
</label> 
<a href="#footer-directory-column-section-state-tools" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift/">Swift</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swiftui/">SwiftUl</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/swift-playgrounds/">Swift 
Playgrounds</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/testflight/">TestFlight</a></li> 
<li class="footer-directory-column-section-item"><a 
class="footer-directory-column-section-link" href="/xcode/">Xcode</a></li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/xcode-cloud/">Xcode 
Cloud «/a» </li> 

<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/sf-symbols/">SF 
Symbols</a> </li> 

</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-topics"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-topics"> 
<h3 class="footer-directory-column-section- 
title" Topics «kamp; Technologies</h3> 
</label> 
«a href="#footer-directory-column-section-state-topics" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
«a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"><a 
class="footer-directory-column-section-link" 
href="/accessibility/">Accessibility</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/accessories/">Accessories</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-extensions/">App 
Extensions</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/">App 
Store</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/audio/">Audio «amp; 
Video</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/augmented- 
reality/">Augmented Reality «/a» </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/business/">Business</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/">Design</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/distribute/">Distribution</a> </li> 


<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" 
href="/education/">Education</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/fonts/">Fonts</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/games/">Games</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/health-fitness/">Health 
samp; Fitness</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/in-app-purchase/">In-App 
Purchase</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/localization/">Localization</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/maps/">Maps &amp; 
Location</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/machine-learning/">Machine 
Learning</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/security/">Security</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/safari/">Safari «kamp; 
Web</a> </li> 

</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-resources"> 
<div class="footer-directory-column-section"> 

<label class="footer-directory-column-section-label" 

for="footer-directory-column-section-state-resources" > 
<h3 class="footer-directory-column-section- 

title">Resources</h3> 

</label> 

«a href="#footer-directory-column-section-state-resources" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 

<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 

<ul class="footer-directory-column-section-list"> 

<li class="footer-directory-column-section-item"> <a 

class="footer-directory-column-section-link" 
href="/documentation/">Documentation</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/learn/curriculum/">Curriculum</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/download/">Downloads</a></li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://developer.apple.com/forums/">Forums</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/videos/">Videos</a></li> 

</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-support"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-support"> 
<h3 class="footer-directory-column-section- 
title">Support</h3> 
</label> 
«a href="#footer-directory-column-section-state-support" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/support/articles/">Support 
Articles</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/contact/">Contact 
Us</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/bug-reporting/">Bug 
Reporting «/a» </li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" href="/system-status/">System 
Status</a></li> 
</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-account"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-account"> 
<h3 class="footer-directory-column-section- 
title" >Account</h3> 
</label> 


<a href="#footer-directory-column-section-state-account" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/account/">Apple 
Developer</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://appstoreconnect.apple.com/">App Store Connect</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="/account/ios/certificate/">Certificates, IDs, «kamp; Profiles«/a» </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" 
href="https://feedbackassistant.apple.com/">Feedback Assistant</a></li> 
</ul> 
</div> 
</div> 


<div class="footer-directory-column"> 
<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-programs"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-programs" > 
<h3 class="footer-directory-column-section- 
title" Programs«/h3» 
</label> 
«a href="#footer-directory-column-section-state-programs" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
«a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/">Apple Developer 
Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/enterprise/">Apple 
Developer Enterprise Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/small-business- 
program/">App Store Small Business Program</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="https://mfi.apple.com/">MFi 
Program</a> </li> 


<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/news- 
partner/">News Partner Program</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/video- 
partner/">Video Partner Program</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/security-bounty/">Security 
Bounty Program</a> </li> 

<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/programs/security-research- 
device/">Security Research Device Program</a> </li> 

</ul> 
</div> 


<input class="footer-directory-column-section-state" 
type="checkbox" id="footer-directory-column-section-state-events"> 
<div class="footer-directory-column-section"> 
<label class="footer-directory-column-section-label" 
for="footer-directory-column-section-state-events"> 
<h3 class="footer-directory-column-section- 
title">Events</h3> 
</label> 
<a href="#footer-directory-column-section-state-events" 
class="footer-directory-column-section-anchor footer-directory-column-section- 
anchor-open"> <span class="footer-directory-column-section-anchor- 
label">Open Menu</span> </a> 
<a href="#" class="footer-directory-column-section-anchor 
footer-directory-column-section-anchor-close"> <span class="footer-directory- 
column-section-anchor-label">Close Menu</span> </a> 
<ul class="footer-directory-column-section-list"> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/accelerator/">App 
Accelerators</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/app-store/app-store- 
awards/">App Store Awards</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/design/awards/">Apple 
Design Awards</a></li> 
<li class="footer-directory-column-section-item"> «a 
class="footer-directory-column-section-link" 
href="/learn/experts/+academies">Apple Developer Academies</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/entrepreneur- 
camp/">Entrepreneur Camp</a> </li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/tech-talks/">Tech 
Talks</a></li> 
<li class="footer-directory-column-section-item"> <a 
class="footer-directory-column-section-link" href="/wwdc/">WWDC</a> </li> 
</ul> 
</div> 
</div> 


<!--googleon: all--> 
</nav> 
«section class="footer-mini" vocabz"http://schema.org/" 
typeof="Organization"> 
<div class="footer-mini-news"> 
<div class="copy"> 
To view the latest developer news, visit <a 
href="/news/">News and Updates</a>. 
</div> 
<div class="content"> 
<div class="color-scheme-toggle" role="radiogroup" 
tabindex="0" aria-label="Select a color scheme preference"> 


<label data-color-scheme-option="light"> 


<input type="radio" value="light" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Light</div> 
</label> 
<label data-color-scheme-option="dark"> 


<input type="radio" value="dark" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Dark</div> 
</label> 
<label data-color-scheme-option="auto"> 


<input type="radio" value="auto" 
autocomplete="off" 
onchange="window.setPreferredColorScheme(event.target.value)"> 


<div class="text">Auto</div> 
</label> 


</div> 
<script async="" src="/assets/scripts/color-scheme- 
toggle.js"></script> 
</div> 
</div> 
<link rel="stylesheet" href="/assets/styles/language-dropdown.css? 
41172203193"> 
«div class="language-dropdown dropdown-container" data- 
lang="complete"> 
<select class="dropdown" aria-label="Language 
Dropdown"><option 


value-"https://developer.apple.com/support/" - English «/option «option 
value="https://developer.apple.com/cn/support/">[DH0</option> «option 
value-"https://developer.apple.com/jp/support/" -[]]]]x/option? «option 
value-"https://developer.apple.com/kr/support/" 7 []]|]]x/option? «option 
value-"https://developer.apple.com/de/support/" » Deutsch «/option? «option 
value<"https://developer.apple.com/es/support/" - Espafiol«/option «option 
value<"https://developer.apple.com/fr/support/">Francais</option> «option 
value="https://developer.apple.com/it/support/">ltaliano</option> «option 
valuez"https://developer.apple.com/pt/support/"» Portugués «/option» </select> 
«span class="dropdown-icon icon icon-chevrondown" aria- 
hidden="true"> </span> 
</div> 
«script async="" src="/assets/scripts/lib/jquery/jquery.language- 
dropdown.js?41172203193"></script> 
<div class="footer-mini-legal"> 
<div class="footer-mini-legal-copyright">Copyright © 2022 <a 
href="https://www.apple.com">Apple Inc.</a> All rights reserved.</div> 
<div class="footer-mini-legal-links"> 
<a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/internet-services/terms/site.html">Terms of 
Use</a> 
<a class="footer-mini-legal-link" 
href="https://www.apple.com/legal/privacy/en-ww/">Privacy Policy</a> 
<a class="footer-mini-legal-link" 
href="/support/terms/">Agreements and Guidelines</a> 
</div> 
</div> 
</section> 
</div> 
</footer> 


</body></html> 


